| Server IP : 121.121.20.254 / Your IP : 216.73.217.51 Web Server : Microsoft-IIS/10.0 System : Windows NT WEB-SERVER 10.0 build 20348 (Windows Server 2022) AMD64 User : IUSR ( 0) PHP Version : 8.3.28 Disable Function : NONE MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Program Files/MariaDB 10.6/data/invoice/ |
Upload File : |
�������� ��i � � @ � ���� ���� � � ���� ����
���� ���� & & ���� ���� ���������������� f � ������������ � ��������ﾫ���� � > ������������� ���� ������������ ���� � ���������������� ��ix�_+ �������� �a[ � 3 00 00 �a[�9� �������� ��i ���� ���� ���� ���� ���� ���� ���� ���� �i� ���������������������������������������������������������������������������������������������������������������������������� � ���� ���� f > ���� ���� �i� �������������������� ���� ���� �������� ���� "������������ %���� '���� ���� ���� ���� ���� ���� ���� �i� ���������������������������������������������������������������������������������������������������������������������������� ���� ���� ���� ���� ���� ���� �i�������������������������������������������������������������������������������������������������������������������������������� ���� ���� ���� ���� ���� ���� �i� ���������������������������������������������������������������������������������������������������������������������������� ���� ���� ���� ���� ���� ���� �i�
������������������������������������������������������������������������������������������������������������������������ ���� ���� ���� ���� ���� ���� �i� ���������������������������������������������������������������������������������������������������������������������������� ���� ���� ���� ���� ���� ���� �i�������������������������������������������������������������������������������������������������������������������������������� ���� ���� ���� ���� ���� ���� �i� ����������������������������������������������������������������������������������������������������������������������������
���� ���� ���� ���� ���� ���� �i�������������������������������������������������������������������������������������������������������������������������������� ���� ���� ���� ���� ���� ���� �i� ���������������������������������������������������������������������������������������������������������������������������� ���� ���� ���� ���� ���� ���� �i� $ #������������������������������������������������������������������������������������������������������������������������ ��iQ �� �������� ��E� � Q�K E I 6 B � � � 2 infimum supremum f � � W ! " � Y )� [ 1�� Z 9e � L A " b IT � O Q o Y u a z i q " � y � U � � � � � � � � � � � " � �B a � D ��� ` �� � K � � { � D ? � � � � M � � � P � 3 � R � � ��� � U � S \ " ] !�4
_ )�� ^ 1�y � T9�g � Q A�� � N I � Q � Y � ! a 3 � " i�G � X q�% � V y � * � � + � � ,� � - � � 3 � � � � H� � I �� � J � b � c � d� e � f � g � h� i j " k $ l & m ! ( n ) * o 1 , p 9 . q A 0 r I 3 s Q�+ 5 t p��F�� �Z�7��6{�8 c ���U�� �������� ��E� � p8��� �8n � �s C � r � � infimum supremum ( 0 8 � @ � H � P 12-revision-v1
X 14-revision-v1 ` 146-revision-v1 � h 16-revision-v1 p 177-revision-v1 � x 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � 177-revision-v1 � 177-revision-v1 � 177-revision-v1 � 177-revision-v1 � 177-revision-v1 �( 177-revision-v1 � 0 177-revision-v1 � 8 177-revision-v1 � @ 177-revision-v1 �H O177-revision-v1 � P�new-pc-4 �
X 2-revision-v1
` 2-revision-v1 N
h 2-revision-v1 �
p 2-revision-v1 �
x 2-revision-v1 � � 202505-0021-inv � 226-revision-v1 � � 226-revision-v1 � � 229-revision-v1 � � 229-revision-v1 �� 234-revision-v1 � � 234-revision-v1 � � 234-revision-v1 � � 234-revision-v1 �� 234-revision-v1 � � 234-revision-v1 � � 234-revision-v1 � � 234-revision-v1 �� 234-revision-v1 � � 234-revision-v1 � � 234-revision-v1 � 234-revision-v1 � 234-revision-v1 � 234-revision-v1 � 234-revision-v1 � 234-revision-v1 �( 234-revision-v1 � 0 234-revision-v1 � 8 234-revision-v1 � @ 234-revision-v1 H 234-revision-v1 P 234-revision-v1 X 234-revision-v1 ` 234-revision-v1 h 234-revision-v1
p 259-revision-v1 x 259-revision-v1 � 259-revision-v1 � 259-revision-v1 � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 �( 424-revision-v1 � 0 424-revision-v1 � 8 424-revision-v1 � @ 424-revision-v1 �H 424-revision-v1 � P 424-revision-v1 � X 424-revision-v1 � ` 424-revision-v1 �h 424-revision-v1 � p 424-revision-v1 � x 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 �( 424-revision-v1 � 0 424-revision-v1 � 8 424-revision-v1 � @ 424-revision-v1 �H 424-revision-v1 � P 424-revision-v1 � X 424-revision-v1 � ` 424-revision-v1 �h 424-revision-v1 � p 424-revision-v1 � x 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 449 �� O452-revision-v1 � �%�paper-jam-roller-not-function �
� 6-revision-v1
� 6-revision-v1 f
� M6-revision-v1 g��epson-l3250-printer � � 639-revision-v1 � 639-revision-v1 � 639-revision-v1 � 639-revision-v1 � 639-revision-v1 � 639-revision-v1 �( 639-revision-v1 � 0 644-revision-v1 � 8 644-revision-v1 � @ 644-revision-v1 �H 649-revision-v1 � P654-revision-v1 � X�new-laptop-4 � ` new-pc-5 h Wnew-pc-6
p�new-server x #auto-reboot � �new-pc-7 ��cannot-power-on � �new-pc-9 � 687-revision-v1 � � 689-revision-v1 �� 690-revision-v1 �
� 7-revision-v1 � 733-revision-v1 � � 733-revision-v1 �� 740-revision-v1 � � �745-revision-v1 � � 81-revision-v1 R � 81-revision-v1 i� 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 � 81-revision-v1 , 81-revision-v1 . 81-revision-v1 2 81-revision-v1 6 81-revision-v1 9( 81-revision-v1 < 0 81-revision-v1 ? 8 81-revision-v1 B @ 81-revision-v1 EH 81-revision-v1 H P 81-revision-v1 J X 81-revision-v1 L ` 81-revision-v1 Nh 81-revision-v1 P p 81-revision-v1 R x 81-revision-v1 T � 81-revision-v1 V� 81-revision-v1 X � 81-revision-v1 Z � 81-revision-v1 \ � 81-revision-v1 ^� 81-revision-v1 ` � 81-revision-v1 b � 81-revision-v1 d � 81-revision-v1 f� 81-revision-v1 h � 81-revision-v1 j � 81-revision-v1 l � 81-revision-v1 n� 81-revision-v1 p � 81-revision-v1 r � 81-revision-v1 t 81-revision-v1 v 81-revision-v1 x 81-revision-v1 z 81-revision-v1 | 81-revision-v1 ~( 81-revision-v1 � 0 81-revision-v1 � 8 81-revision-v1 � @ 81-revision-v1 �H 81-revision-v1 � P 81-revision-v1 � X 81-revision-v1 � ` 81-revision-v1 �h 81-revision-v1 � p 81-revision-v1 � x 81-revision-v1 � � 81-revision-v1 �� 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 �� 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 �� 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 � 81-revision-v1 � 81-revision-v1 � 81-revision-v1 � 81-revision-v1 81-revision-v1
81-revision-v1 81-revision-v1 81-revision-v1 81-revision-v1 ( 81-revision-v1 0 81-revision-v1 8 81-revision-v1 @ 81-revision-v1 H 81-revision-v1 " P 81-revision-v1 $ X 81-revision-v1 & ` 81-revision-v1 (h 81-revision-v1 + p 81-revision-v1 - x 81-revision-v1 / � 81-revision-v1 1� 81-revision-v1 3 � 81-revision-v1 5 � 81-revision-v1 7 � 81-revision-v1 :� 81-revision-v1 < � 81-revision-v1 > � 81-revision-v1 @ � 81-revision-v1 B� 81-revision-v1 D � 81-revision-v1 F � 81-revision-v1 H � 81-revision-v1 J� 81-revision-v1 L � 81-revision-v1 N � 81-revision-v1 P 81-revision-v1 R 81-revision-v1 T 81-revision-v1 V 81-revision-v1 X 81-revision-v1 Z ( 81-revision-v1 \ 0 81-revision-v1 ^ 8 81-revision-v1 ` @ 81-revision-v1 b H 81-revision-v1 g P 81-revision-v1 � X 81-revision-v1 � ` 81-revision-v1 � h 81-revision-v1 � p 81-revision-v1 � x 81-revision-v1 �
� 9-revision-v1 � 90-revision-v1 [ � 90-revision-v1 \ � 90-revision-v1 ] � 90-revision-v1 ^ � 90-revision-v1 _ � 90-revision-v1 ` � 90-revision-v1 j � 90-revision-v1 k � 90-revision-v1 l � 90-revision-v1 n � 90-revision-v1 o � 90-revision-v1 p � 90-revision-v1 q � 90-revision-v1 u � 90-revision-v1 v
90-revision-v1 w
90-revision-v1 y
90-revision-v1 z
90-revision-v1 {
90-revision-v1 |
( 90-revision-v1 }
0 90-revision-v1 ~
8 90-revision-v1 �
@ 90-revision-v1 �
H 90-revision-v1 �
P 90-revision-v1 �
X 90-revision-v1 �
` 90-revision-v1 �
h 90-revision-v1 �
p 90-revision-v1 �
x 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 �
� 90-revision-v1 � 90-revision-v1 � 90-revision-v1 � 90-revision-v1 � 90-revision-v1 � 90-revision-v1 � ( 90-revision-v1 � 0 90-revision-v1 � 8 90-revision-v1 � @ 90-revision-v1 � H 90-revision-v1 � P 90-revision-v1 � X N90-revision-v1 � `
�mee-sing-on-site-ink-pad-full h 98-autosave-v1 � p 98-revision-v1 d x 98-revision-v1 s � 98-revision-v1 x � 98-revision-v1 � � abc �
� administrator � ��aauthor � �eeyoyo-ey-5500-scanner � � 'cannot-print-paper-jammed � � cant-boot-windows �
��cant-print � � (cert-muhammad-salman-hakim � certificate � contributor � � �correct-icon r" � 0cropped-invoice-website-logo-1-png � � cropped-invoice-website-logo-png � ��default-kit : Hdong-fatt-frozen-central-kitchen-sdn-bhd-walk-in-cant-prin �; Idong-fatt-frozen-central-kitchen-sdn-bhd-walk-in-cant-print � �download-qr 0 �no-display-2 � "edit-pdf-v2-ig7l1h_v c (��editor � 0 �upgrade-pc-2 � 8
form-pdf � @
h Z Hqhp-smart-tank-580-printer � P )install-accounting-software � X +install-accounting-software-2 � ` invoice � h invoice-edit p invoice-home-2 � x "invoice-website-logo � � %jam-paper-when-printing � � kadence Q � list �
�Clogin-page � � mini-pos-system �
� navigation
� new-home-page b
� new-laptop � � new-laptop-2 � ��'new-laptop-3 � ��new-pc � ��new-pc-2 � ��:new-pc-tms-pc02 �
�no-display � � privacy-policy ��sample-page
�service-notebook-asus-x505z �
service-printer-epson-lq-310 �
subscriber �
test-invoice �
test-invoice-2 �
( testcrm �
0 testing �
8 testtitle �
@�cant-print-2
H�Zfingertec-ta500
P�Kgot-power-no-display
XHservice-bom
`print-head-jam �
h npc-mf2456-v-monitor-2
p�new-pc-8
x?service-printer
� %unv-mw-lc24-e-s-monitor �%
� 3upgrade-autocount-new-pc-cy-autocount �
� upgrade-format �
���upgrade-pc �
� web-designer �
��xyz-ics-preview-page 3
��Udomain-user-login-problem �
���pos-system-setup-back �
��blue-screen �
�� 748-revision-v1 �
�
ssd-problem �
��Znew-pc-3 �
��printer-cant-print �"
� uservice-install-autocount-software �
�snew-pc-dunia-pc01 �
��hikvision-ds-ups1000-ups � ��service-install-software �7 fprinter-no-color-ink-inkpad-nearing-end-of-service-life � �no-power-no-display ��upgrade-software ݴnpc-mf2756-v-monotor (�(tsc-te244-printer 0khprt-tp80nm-printer 8�~npc-mf2456-v-monitor @�^new-pc-pkh-pos-pc04 Hshikvision-ds-ups3000-ups P�hikvision-ds-ups1000-r-ups
X�Fpc-unable-to-load ` �hikvision-ds-ups2000-ups " h��pc-unable-to-fire-up-need-to-check p "printer-cant-print-2 xnprinter-cant-print-3 ���hikvision-ds-ups2000-ups-2 ) ��oeco-autoparts-sdn-bhd-walk-in-cpu-problem ���scanning-problem ��Scant-turn-on-cpu - ��mb-auto-supply-walk-in-server-pc-cant-turn-on ! ���hikvision-ds-ups1000-r-ups-2 " ��pmini-pc # ���godex-ez520-printer $( ��5printer-sometimes-out-power-cannot-print % �hikvision-ds-ups3000-ups-2 & ��dahua-lm25-b221b-monitor ' �'service-printer-2 ( �pc-cannot-on ) � �new-pc-10 * � cpu-cannot-turn-on + ��cpu-cannot-turn-on-2 , ��printer-cant-print-4 - �hikvision-ds-ups3000-ups-3 . ��new-pc-11 / upgrade-pc-3 0 �oupgrade-pc-4 2 (��service-printer-3 3 0�Kink-pad-full 4 8 "printer-cannot-print 5 @��printer-cannot-print-2 6 p1(/s.�2g.�4�0D:.��21.$-�-c,�,V2�/��+5*v*1�)( '�'@&�&`%�%�%$�$0#�#P"�"p" !�!! � A � a � � � 1 � Q�q�!�A�a���1�Q�m�� �A�Y�q
�
�
� - � E
�
] � u ��1�I�an���*�C � � c ����U �������� |eN,E� � ̀ � D � � � 2 infimum supremum -ac_certificatepublish��Fz�
��revisioninherit��Fz�
p c|eN,��ʺ �������� ���E� � t4&�x.� �.� � �s E � r � � /infimum supremum � ( * 0 � � 8 @ * H ? P ? Xb
` * h * p *
x * � * � � �+ �d � � $ � �� �W � � � � � �
� c �Y �� � � � � � T � � �.n & ` 0� Z � * � � o Z � � � � (
� � 0 � � � 8� � �@a �Ha Q � Pv Z �X�� � �`a Z � h� Z �pL � x�� � � � � � � �� � � � � � �6 � �� Z � ��� � � Q � � Q �� Q � �� Q � � i Z � �.� �� Z � � Z � ��� Z � �� Z ��� Z � � � �G � (. � 0�� Q � 8�� Z � @�� Z � H�� Z � P
k � X� � � `� � h � Np� � x�� � �� � Q �� Q R�� � � �l �
� �- � �� �� � � Z � Z [ � Z \� Z ] � Z ^ � Z _ � � Z `'
� b b c b d � Z l ( f 0�_ g 8� @H Q iH Z j P�� Z k X � Z y ` Z nh Z o p Z p x ? Z q � b r � T b s � Z u� Z v ��C Z w� b x � Z z� Z { � Z | � Z } � * Z ~ �� b �� Z � � Z � � Z �$� = � �m b �
� (�
0�� 8 � @ � H �P � X * � `
hL � pL � �x�� � * Q � ��� � * Q ���� �
� Q � �� Z �� Z � � i Z �%�� �� �� �s � Z � � Z �� * Z �� T Z � Z � Z � �� Z � Z � Z � ( Z �0 Z � 8�� Z �@�Z � H �P � � X � � ` � � h � �p � � x � � � ? � � �� � ~ � � � � �� � � � � � � � � ��� � � � � � � � � � � �� � � � � � � � � � � �� � � � � � � � � � � � � ( � � 0 � � �%8� '@� H�' � P/ �X4 `e h� �p � �x � � � � � � ��I � �� ��� ��1 ��C �� � � � ? � � � � � * � � �� �� � � ��@ � � � � � �� � � � � � � � � � � � � ( � � 0 ? � � 8 � @ T � �H � � P � � X�� � �` � � h � � p � � x � �� � � � � � � � ~ � � � � � � � � � � � � �� �
�a �� � �y ��O �h � �) �x �N ((�$ '0�� 8�� @�� H� P� X� `�< %h� $p�� x� �� � � �� � ��� � � i � ��+ � * Q , ��� � T Q . �� � � ? 0 �� � T Q 2 � � 3� ? � � � ? Q 6 � �� ? Q 9 � �% �� ( ? Q < 0� � � 8�� @ ? Q ? H � P�� X ? Q B `� � h�� p ? Q E xr % ��� � * Q H ��� � * Q J ��� � * Q L ��� � * Q N ��� � * Q P �� � * Q R �� � * Q T �� � * Q V
��
* Q X
��
* Q Z
��
( * Q \
0��
8 * Q ^
@��
H * Q `
P��
X * Q b
`��
h * Q d
p��
x * Q f
���
� * Q h
���
� * Q j
���
� * Q l
���
� * Q n
���
� * Q p
��
� * Q r
��
� * Q t
��
� * Q v �� * Q x �� * Q z �� ( * Q | 0�� 8 * Q ~ @�� H * Q � P�� X * Q � `�� h * Q � p�� x * Q � ��� � * Q � ��� � * Q � ��� � * Q � ��� � * Q � ��� � * Q � �� � * Q � �� � * Q � �� � ? Q � � �� * Q � �� i Q � (O 0�� 8� � @�� H * Q � P�� X * Q � `�� h * Q � p�� xf Q � �S �� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �
� �
� �
� �
� �
� �
( � �
0 � �
8 * � �
@ * �
H ~ � �
P ? �
X��
`
�
h� �
p� � �
x � �
� � �
� � �
� � �
� � �
� � �
� � �
� � �
� � �
� � �
� � �
� � �
� � �
� � �
� � �
� � �
� � � � � � � � � � � � � ( � � 0 � � 8 � �@ � � H � � P � � X � �` � � h� � � p � x � ��� � � Z ��� Z � �
� � � �� � � � * � � �� � � � � � ��۔ � � � � � � * Q � �� � * Q � �� * Q � �� * Q � �� ( * Q 0�� 8 T Q @� H� %P�� X * Q `�� h * Q p�� x * Q ��� � * Q
��� � * Q ��� � * Q ��� � * Q ��� � * Q �� � * Q �� � ? Q �� ��� * Q �� T Q < " $ (�� 0 * Q "$8�� @ * Q $ H�� P * Q & X�� ` ? Q ( h@ &%p�� x * Q + ��� � * Q - ��� � * Q / ��� � * Q 1 ��� � * Q 3 ��� � * Q 5 �� � ? Q 7 �� ( � � * Q : ��� * Q < �� * Q > �� * Q @ (�� 0 * Q B 8�� @ * Q D H�� P * Q F X�� ` * Q H h�� p * Q J x�� � * Q L ��� � * Q N ��� � * Q P ��� � * Q R ��6 6 � * Q T �� 5� * Q V �� 4 � * Q X �� 3 � * Q Z ��� 2 * Q \ �� 0 * Q ^�� / * Q ` (�� . 0 i Q b 8 * * @ * ,H�� + P�� - X�6 Q g `�� )h�� ' p�� %x�� # ��� !��1 ��c ��9 �� ��V ��} �� �� ��3
��o � ��% � ��� ��� � ��) � ��S � � � � �� � � i � � ( �0Ҏ �8 T � @ � � H � � P ? � � X � `͢ �h ? � � p � x * � ��K � � �Ή � � Z � �ԛ Z � � � ��� � � � �Ё � p
3D2�m�'5&�&%�%g%$�$k$#�"�"�"I!�!����p��JNR����E �]T��&�
�
^
I �
� D�� �/�/.m-�- ,`+�*�*)l(�'�! ' j � r � "z�*��� M�: /�0P0�0�0�1"1L1v#Z� b��1����! f2�!8W9 ��d c ���~}5 �������� ���E� � k4&�x.� �.� � �s F � � � 2 Yinfimum supremum � ? (�� 0 � � 8 @ H P X
` h p
x � � � ? � � � � $ � � ~ �� � �� � � �� � c � �� � �%� � � T � �.n ` 0� � * � o � � �(
� � 0 � � 8� � @ � H � Pv �X�� � `a � h
�p�� � x�� � � � � � � ��� ��6 � �" � �
�� � � � � � � � � � i � �.� � � � � � ��� � �� � �� � � � �G � (. � 0�� � 8�� � @�� �H�� �P
k � X�6 � `� � h ? N p� � x�� �� Q � � R �� � �l �
� $�- %� &�� '�� � Z � [ � \� ] � ^ � _ � * `$
� b c * d � l( f 0 * g 8� @ i H j P�� k X � y ` nh o p p x q � r� s � u � v � w��. x � z � {� | � } � * ~ � � � � �� � � T � � = � �m �%
� ('�
0� 8 � @ � H � P � X * �&`
h �p * � x�. � * ���� � * � ��� ��� � �� � � � � i �$�� �� �� �s � � � � � * � � T � � � �� � � � ( � 0 � 8 * � @�Z � H � P � X �` � h � p � x �� ? ��� � ~ � � � � � � � � � ��� �� � � � � � � �� � � � � � � � � � � � � ( � 0 � �'8� @� H�� � P�) �X � `e h�A � p � x �� � ��� � �� &��� ��1 $��C ��� � � � � � � � � � � ��� � � � � � � � � � � � ( �0 � 8 * � @ T � H � P �X�� � ` � h �p � x � � � � � � � � � � � � � �
�
� 4 � �y ��O �h � �) �x �N (�$ 0�� 8�� @�� H� P� X� `�< h� p�� x� ��q �� � � ��@ � �Q � ��+ � * ,%��� � * . � � � � * 0$�� � 2� ? 3 �j �'� � ? 6 � �� ? 9 � � �� ( ? < 0n � 8�� @ ? ? H � P�� X ? B `�� � h�� p ? E x� ��� � * H ��� � * J ��� � * L% ��� � * N ��� � * P �� � * R �� � * T% �� � * V
��
* X
��
* Z
��
( * \%
0��
8 * ^
@��
H * `
P��
X * b
`��
h * d%
p��
x * f
���
� * h
���
� * j
���
� * l%
���
� * n
���
� * p
��
� * r
��
� * t%
��
� * v �� * x �� * z �� ( * |% 0�� 8 * ~ @�� H * � P�� X * � `�� h * �% p�� x * � ��� � * � ��� � * � ��� � * �% ��� � * � ��� � * � �� � * � �� � * �% �� � ? � � �� * � �� i � (O & 0�� 8� � @�� H * � P�� X * � `�� h * �$ p�� x * � �S � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �
�
�
�
�
�
( �
0 �
8 �
@ �
H �
P ? �
X��
`
�
h �
p �
x �
� �
� �
� �
� �
� �
� �
� �
� �
� �
� �
�� �
� �
� �
� �
� �
� � � � � � � ( � 0 � 8 �@ � H � P � X �`
� � h � p � x ���) � � � ��T � �
� � � � �� * � �� � � � � � ? �� � � � * � �� � * � �� * � �� * � �� ( * 0�� 8 T @ H� P�� X * `�� h * p�� x * %��� � *
��� � * ��� � * ��� � * %��� � * �� � * �� � ? �� ��� * �� T " � $ (�� 0 * " 8�� @ * $ H�� P * & X�� ` ? ( h@ & p�� x * +%��� � * - ��� � * / ��� � * 1 ��� � * 3%��� � * 5 �� � ? 7 �� ( � � * : ��� * < �� * > �� * @ (�� 0 * B 8�� @ * D H�� P * F X�� ` * H h�� p * J x�� � * L ��� � * N ��� � * P ��� � * R �� 6� * T�� 5 � * V ��2 4 � * X � 3 � * Z ��� 2 * \ �� 0 * ^ �� / * ` (�t . 0 i b 8 ? * @� , H�� + P�m -X� g`�� ) h�X 'p�� % x�� # ��� ! ��1 ��� ��p �� ��V ��} ��� ��� ��
��o � ��� � ��� � ��} � ��) � ��� � � � �m � � � ( � 0 �8 � @ � H � P �Xϯ � `͢ � h � � p � x � �� � �Ή � � � ��} � � ��� � �Ж � ��� � p#o� 8e� �\0�'J�#Z��q23x/ 0�(p2� }&%�%g%3���P��32�0z/�.�.C-�,�,6+%*S)�(F'�&��&c$�$A#�#E"�"�"I!�!�!M � � � D � � L��TX���-��1�_cg�k�o
�
�2 � f
�
+ � � D����d � c ���� �������� W�E� � � G � r � � infimum supremum 0ac_certificatepublish # ��postpublish � $ p cW rE ���� �,�/E� � <?� #j� B )infimum supremum 1 �� > � ��0T�0T�<!-- wp:shortcode -->
<p>[pdf_frontend_upload]</p>
<!-- /wp:shortcode --><!-- wp:shortcode -->
<p>[latest_invoice_qr]</p>
<!-- /wp:shortcode -->HOMEpublishclosedopensample-page��\5癹\5� https://website.ipohserver.com/INVOICE/?page_id=2� page� 1 �� f � ��0T�0T�<!-- wp:heading -->
<h2 class="wp-block-heading">Who we are</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><strong class="privacy-policy-tutorial">Suggested text: </strong>Our website address is: https://website.ipohserver.com/INVOICE.</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading">Comments</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><strong class="privacy-policy-tutorial">Suggested text: </strong>When visitors leave comments on the site we collect the data shown in the comments form, and also the visitor’s IP address and browser user agent string to help spam detection.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>An anonymized string created from your email address (also called a hash) may be provided to the Gravatar service to see if you are using it. The Gravatar service privacy policy is available here: https://automattic.com/privacy/. After approval of your comment, your profile picture is visible to the public in the context of your comment.</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading">Media</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><strong class="privacy-policy-tutorial">Suggested text: </strong>If you upload images to the website, you should avoid uploading images with embedded location data (EXIF GPS) included. Visitors to the website can download and extract any location data from images on the website.</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading">Cookies</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><strong class="privacy-policy-tutorial">Suggested text: </strong>If you leave a comment on our site you may opt-in to saving your name, email address and website in cookies. These are for your convenience so that you do not have to fill in your details again when you leave another comment. These cookies will last for one year.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>If you visit our login page, we will set a temporary cookie to determine if your browser accepts cookies. This cookie contains no personal data and is discarded when you close your browser.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>When you log in, we will also set up several cookies to save your login information and your screen display choices. Login cookies last for two days, and screen options cookies last for a year. If you select "Remember Me", your login will persist for two weeks. If you log out of your account, the login cookies will be removed.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>If you edit or publish an article, an additional cookie will be saved in your browser. This cookie includes no personal data and simply indicates the post ID of the article you just edited. It expires after 1 day.</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading">Embedded content from other websites</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><strong class="privacy-policy-tutorial">Suggested text: </strong>Articles on this site may include embedded content (e.g. videos, images, articles, etc.). Embedded content from other websites behaves in the exact same way as if the visitor has visited the other website.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>These websites may collect data about you, use cookies, embed additional third-party tracking, and monitor your interaction with that embedded content, including tracking your interaction with the embedded content if you have an account and are logged in to that website.</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading">Who we share your data with</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><strong class="privacy-policy-tutorial">Suggested text: </strong>If you request a password reset, your IP address will be included in the reset email.</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading">How long we retain your data</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><strong class="privacy-policy-tutorial">Suggested text: </strong>If you leave a comment, the comment and its metadata are retained indefinitely. This is so we can recognize and approve any follow-up comments automatically instead of holding them in a moderation queue.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>For users that register on our website (if any), we also store the personal information they provide in their user profile. All users can see, edit, or delete their personal information at any time (except they cannot change their username). Website administrators can also see and edit that information.</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading">What rights you have over your data</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><strong class="privacy-policy-tutorial">Suggested text: </strong>If you have an account on this site, or have left comments, you can request to receive an exported file of the personal data we hold about you, including any data you have provided to us. You can also request that we erase any personal data we hold about you. This does not include any data we are obliged to keep for administrative, legal, or security purposes.</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 class="wp-block-heading">Where your data is sent</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><strong class="privacy-policy-tutorial">Suggested text: </strong>Visitor comments may be checked through an automated spam detection service.</p>
<!-- /wp:paragraph -->
Privacy Policydraftclosedopenprivacy-policy��0T�0T� https://website.ipohserver.com/INVOICE/?page_id=3� page�
G
� � ��0T�0T�<!-- wp:page-list /-->Navigationpublishclosedclosednavigation��0T�0T� https://website.ipohserver.com/INVOICE/index.php/2026/02/24/navigation/� wp_navigation� + ( � � ��0w9��0w9Default Kitpublishclosedcloseddefault-kit���j�j� https://website.ipohserver.com/INVOICE/?p=6� elementor_library� 1 0 � � ��0wK� Elementor #7draftclosedclosed��0wK��0wK https://website.ipohserver.com/INVOICE/?page_id=7� page� +
8 � � ��0wK��0wKElementor #7inheritclosedclosed7-revision-v1��0wK��0wK https://website.ipohserver.com/INVOICE/?p=8� revision� 1 @ � � ��0wL� Elementor #9draftclosedclosed��0wL��0wL https://website.ipohserver.com/INVOICE/?page_id=9� page� ,
H �
� ��0wL��0wLDefault Kitinheritclosedclosed6-revision-v1��0wL��0wL https://website.ipohserver.com/INVOICE/?p=10� revision� ,
P � � ��0wL��0wLElementor #9inheritclosedclosed9-revision-v1��0wL��0wL https://website.ipohserver.com/INVOICE/?p=11� revision� 2
X � � ��0wM� Elementor #12draftclosedclosed��0wM��0wM https://website.ipohserver.com/INVOICE/?page_id=12� page� ,
` �
� ��0wM��0wMElementor #12inheritclosedclosed12-revision-v1��0wM��0wM https://website.ipohserver.com/INVOICE/?p=13� revision� 2
h � � ��0wN� Elementor #14draftclosedclosed��0wN��0wN https://website.ipohserver.com/INVOICE/?page_id=14� page� ,
p � � ��0wN��0wNElementor #14inheritclosedclosed14-revision-v1��0wN��0wN https://website.ipohserver.com/INVOICE/?p=15� revision� 2
x � � ��0wO� Elementor #16draftclosedclosed��0wO��0wO https://website.ipohserver.com/INVOICE/?page_id=16� page� ,
� � � ��0wO��0wOElementor #16inheritclosedclosed16-revision-v1��0wO��0wO https://website.ipohserver.com/INVOICE/?p=17� revision� ,
B � � � ��0y��0y<!-- wp:shortcode -->
[pdf_frontend_upload]
<!-- /wp:shortcode -->HOMEinheritclosedclosed2-revision-v1��0y��0y https://website.ipohserver.com/INVOICE/?p=20� revision�
U �� � ��0~���0~�202505-0021-INVinheritopenclosed202505-0021-inv��0~���0~� https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/202505-0021-INV.pdf� attachmentapplication/pdf� H � � ,
�� �5 N � ��6 ԙ�6 �<!-- wp:shortcode -->
[pdf_frontend_upload]
<!-- /wp:shortcode -->
<!-- wp:shortcode -->
[latest_invoice_qr]
<!-- /wp:shortcode -->HOMEinheritclosedclosed2-revision-v1��6 ԙ�6 � https://website.ipohserver.com/INVOICE/?p=78� revision�
D � � � Q � ��6 ��6 � E & Tkadencepublishclosedclosedkadence���h9���h9 https://website.ipohserver.com/INVOICE/index.php/2026/02/27/kadence/� custom_css� , %� �� R � ��6 ��6 .invoice-card {
background: #ffffff;
border-radius: 16px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.06);
margin: 40px auto;
max-width: 1100px;
}
.invoice-card h3 {
font-size: 22px;
margin-bottom: 25px;
font-weight: 600;
}
.invoice-flex {
display: flex;
gap: 40px;
align-items: center;
flex-wrap: wrap;
}
.invoice-view {
flex: 2;
min-width: 400px;
}
.invoice-view iframe {
width: 100%;
height: 500px;
border-radius: 12px;
border: 1px solid #eee;
}
.invoice-qr {
flex: 1;
text-align: center;
}
.invoice-qr img {
border-radius: 12px;
padding: 12px;
background: #f9f9f9;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.invoice-qr p {
margin-top: 15px;
font-weight: 500;
color: #444;
}kadenceinheritclosedclosed81-revision-v1��6 ��6 Qhttps://website.ipohserver.com/INVOICE/?p=82� revision� 2 =� �
� Z � ��65���65�Invoice Upload <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEpublishclosedclosedh���k���k https://website.ipohserver.com/INVOICE/?page_id=90� page� , � � [ � ��66J��66JHinheritclosedclosed90-revision-v1��66J��66J Zhttps://website.ipohserver.com/INVOICE/?p=91� revision� , � � \ � ��66J��66JHinheritclosedclosed90-revision-v1��66J��66J Zhttps://website.ipohserver.com/INVOICE/?p=92� revision� , � � ] � ��66K��66KHinheritclosedclosed90-revision-v1��66K��66K Zhttps://website.ipohserver.com/INVOICE/?p=93� revision� , � � ^ � ��66w��66wHinheritclosedclosed90-revision-v1��66w��66w Zhttps://website.ipohserver.com/INVOICE/?p=94� revision� , � � _ � ��66w��66wHinheritclosedclosed90-revision-v1��66w��66w Zhttps://website.ipohserver.com/INVOICE/?p=95� revision� , ��� ` � ��66w��66w[pdf_frontend_upload]Hinheritclosedclosed90-revision-v1��66w��66w Zhttps://website.ipohserver.com/INVOICE/?p=96� revision� p8�!� �� c�,�/]M��
���� ��E� � @!�� !s � �s D infimum supremum )ac_certificatepublish��Fz�
%attachmentinherit��0~�
%attachmentinherit��69� c
( %attachmentinherit��6A� r
0 %attachmentinherit��8" �
8 %attachmentinherit��8"
�
@ %attachmentinherit��8"� �
H %custom_csspublish��6 Q
P (custom-css-jspublish��Zt� 0 X *elementor_librarydraft��6TT � ` ,elementor_librarypublish��0w9 h ,elementor_librarypublish��D]� � p ,elementor_librarypublish��D`� � x *elementor_snippetdraft��Fiu �
� (nav_menu_itempublish��`� � � pagedraft��0T� � pagedraft��0wK � pagedraft��0wL � pagedraft��0wM � pagedraft��0wN � pagedraft��0wO � pagedraft��Zu� 3 � pagedraft��\,� � � pagepublish��0T� � pagepublish��65� Z � pagepublish��6<� b � pagepublish��6w� � � pagepublish��Fh� � � pagepublish��Fz � pagepublish��\ � pagepublish��d v postdraft���DP � postdraft���D� � postdraft���E
� postpublish��d k �( postpublish��d%# � 0 postpublish��d} � 8 postpublish��t�� � @ postpublish��t�� �H postpublish��t�X � P postpublish��t�� � X postpublish��t�� � ` postpublish��x5_ �h postpublish���W � p postpublish���E� � x postpublish����� � � postpublish���|� �� postpublish����" � � postpublish����v � � postpublish���Nm � � postpublish���V� �� postpublish��� � � � postpublish����X � � postpublish���� � � postpublish���$D �� postpublish����� � � postpublish���"O � � postpublish����� � � postpublish���$� �� postpublish���jK � � postpublish����� � � postpublish���.� � postpublish����6 � postpublish���") � postpublish���8� � postpublish��ʠZ � postpublish��ʫ- �( postpublish��ʸ� � 0 postpublish��̠� � 8 postpublish��̤i � @ postpublish���)� �H postpublish��ؠ� � P postpublish��ڜ� � X postpublish���i, � ` postpublish��އ� �h postpublish��ޗ� � p postpublish��ޝ � x postpublish���E � � postpublish���3 �� postpublish���9� � postpublish��ꝋ � postpublish���0� � postpublish���@� � postpublish���;� � postpublish���Sb � postpublish��
A� � postpublish���� � postpublish��� � postpublish���� � postpublish��W
� postpublish�� (� � postpublish��$> � postpublish��,�
� postpublish��,�o postpublish��0#W postpublish��40� postpublish��4�x postpublish��<�[ postpublish��<�& ( postpublish��B'� 0 postpublish��HD 8 postpublish��L$ @ postpublish��NZ� H postpublish��N[` P postpublish��PF� X postpublish��R+� ` postpublish��R�� h postpublish��\.H p postpublish��\�� x postpublish��\�� � postpublish��\�� � postpublish��^�� � postpublish��`� ! � postpublish��bV� " � postpublish��b�� #� postpublish��j!� $ � postpublish��j�� % � postpublish��l.] & � postpublish��p&� '� postpublish��xR ( � postpublish��zYc ) � postpublish��|}� * � postpublish��~� +� postpublish��~�g , � postpublish���-� - � postpublish���<� . postpublish���I� /�postpublish���M� 0 #revisioninherit��0wK #revisioninherit��0wL
#revisioninherit��0wL ( #revisioninherit��0wM
0 #revisioninherit��0wN 8 #revisioninherit��0wO @ #revisioninherit��0y H #revisioninherit��6 � N P #revisioninherit��6 R X #revisioninherit��66J [ ` #revisioninherit��66J \h #revisioninherit��66K ] p #revisioninherit��66w ^ x #revisioninherit��66w _ � #revisioninherit��66w `� #revisioninherit��6:@ d � #revisioninherit��6;� f � #revisioninherit��6;� g � #revisioninherit��6<� i� #revisioninherit��6=h j � #revisioninherit��6=h k � #revisioninherit��6=i l � #revisioninherit��6@D n� #revisioninherit��6@D o � #revisioninherit��6@D p � #revisioninherit��6@� q � #revisioninherit��6B� s� #revisioninherit��6CY u � #revisioninherit��6CZ v � #revisioninherit��6CZ w #revisioninherit��6Co x #revisioninherit��6C� y #revisioninherit��6C� z #revisioninherit��6C� { #revisioninherit��6C� |( #revisioninherit��6C� } 0 #revisioninherit��6C� ~ 8 #revisioninherit��6C� � @ #revisioninherit��6C� �H #revisioninherit��6C� � P #revisioninherit��6H � X #revisioninherit��6H � ` #revisioninherit��6TT �h #revisioninherit��6U� � p #revisioninherit��6Vi � x #revisioninherit��6V� � � #revisioninherit��6g� �� #revisioninherit��6g� � � #revisioninherit��6g� � � #revisioninherit��6t{ � � #revisioninherit��6t{ �� #revisioninherit��6t� � � #revisioninherit��6v8 � � #revisioninherit��6v8 � � #revisioninherit��6v8 �� #revisioninherit��6vU � � #revisioninherit��6vU � � #revisioninherit��6vV � � #revisioninherit��6vp �� #revisioninherit��6vp � � #revisioninherit��6vp � � #revisioninherit��6w� � #revisioninherit��6x � #revisioninherit��6x � #revisioninherit��6x � #revisioninherit��6xB � #revisioninherit��6xB �( #revisioninherit��6xB � 0 #revisioninherit��6y� � 8 #revisioninherit��6y� � @ #revisioninherit��6y� �H #revisioninherit��6z� � P #revisioninherit��6z� � X #revisioninherit��6z� � ` #revisioninherit��6}w �h #revisioninherit��6}w � p #revisioninherit��6}w � x #revisioninherit��6� � � #revisioninherit��6� �� #revisioninherit��6� � � #revisioninherit��6�4 � � #revisioninherit��6�4 � � #revisioninherit��6�4 �� #revisioninherit��6�X � � #revisioninherit��6�X � � #revisioninherit��6�X � � #revisioninherit��6�h �� #revisioninherit��6�h � � #revisioninherit��6�h � � #revisioninherit��D]� � � #revisioninherit��D]� �� #revisioninherit��D`� � � #revisioninherit��D`� � � #revisioninherit��Fd, � #revisioninherit��Fh� � #revisioninherit��Fh� � #revisioninherit��Fh� � #revisioninherit��Fi � #revisioninherit��Fi �( #revisioninherit��Fi � 0 #revisioninherit��Fi � 8 #revisioninherit��Fi � @ #revisioninherit��Fi �H #revisioninherit��Fu� � P #revisioninherit��Fu� � X #revisioninherit��Fu� � ` #revisioninherit��Fv7 �h #revisioninherit��Fv7 � p #revisioninherit��Fv7 � x #revisioninherit��Fw � � #revisioninherit��Fw �� #revisioninherit��Fw � � #revisioninherit��Fy� � #revisioninherit��Fy� � #revisioninherit��Fy� � #revisioninherit��Fz � #revisioninherit��Fz� � #revisioninherit��Fz� � #revisioninherit��Fz� � #revisioninherit��Fz� �ߜrevisioninherit��Fz� � postpublish����g 2 � postpublish����/ 3 � postpublish����� 4� postpublish���� 5 ��postpublish���!� 6 p % �
� � i � Q�9�!� }�e�M�5� �y�a�!TM�U�]
�
e � m � u
�
}
� ���!�)�7�G�)� � c ��lcN
���� |eN,E� � ; ��� � P�� D infimum supremum #revisioninherit��Fz�
#revisioninherit��Zp- , #revisioninherit��Zrz . ( #revisioninherit��Zu� 2 0 #revisioninherit��Zv� 6 8 #revisioninherit��Zy� 9 @ #revisioninherit��Zz� < H #revisioninherit��Z}� ? P #revisioninherit��Z~� B X #revisioninherit��Z�W E ` #revisioninherit��Z�7 H h #revisioninherit��Z�� J p #revisioninherit��Z�� L x #revisioninherit��Z�� N � #revisioninherit��Z�� P � #revisioninherit��Z� R � #revisioninherit��Z�� T � #revisioninherit��Z�i V � #revisioninherit��Z�w X � #revisioninherit��Z�� Z � #revisioninherit��Z�� \ � #revisioninherit��Z�� ^ � #revisioninherit��Z�� ` � #revisioninherit��Z� b � #revisioninherit��Z�H d � #revisioninherit��Z�` f � #revisioninherit��Z�� h � #revisioninherit��Z�� j � #revisioninherit��Z�� l � #revisioninherit��Z�� n #revisioninherit��Z�� p #revisioninherit��Z�$ r #revisioninherit��Z�2 t #revisioninherit��Z�G v #revisioninherit��Z�s x( #revisioninherit��Z�� z 0 #revisioninherit��Z�^ | 8 #revisioninherit��Z�t ~ @ #revisioninherit��Z�� �H #revisioninherit��Z�� � P #revisioninherit��Z� � X #revisioninherit��Z� � ` #revisioninherit��Z�^ �h #revisioninherit��Z�r � p #revisioninherit��Z�z � x #revisioninherit��Z�� � � #revisioninherit��Z�� �� #revisioninherit��Z� � � #revisioninherit��Z� � � #revisioninherit��Z�+ � � #revisioninherit��Z�0 �� #revisioninherit��Z�P � � #revisioninherit��Z�^ � � #revisioninherit��Z�v � � #revisioninherit��Z�� �� #revisioninherit��Z�� � � #revisioninherit��\ � � #revisioninherit��\^ � � #revisioninherit��\^ �� #revisioninherit��\^ � � #revisioninherit��\- � � #revisioninherit��\- � #revisioninherit��\- � #revisioninherit��\E � #revisioninherit��\E � #revisioninherit��\E � #revisioninherit��\S �( #revisioninherit��\S � 0 #revisioninherit��\S � 8 #revisioninherit��\h � @ #revisioninherit��\h �H #revisioninherit��\h � P #revisioninherit��\� � X #revisioninherit��\� � ` #revisioninherit��\� �h #revisioninherit��\V � p #revisioninherit��\V � x #revisioninherit��\V � � #revisioninherit��\% �� #revisioninherit��\,� � � #revisioninherit��\,� � � #revisioninherit��\,� � � #revisioninherit��\,� �� #revisioninherit��\-Q � � #revisioninherit��\-Q � � #revisioninherit��\-Q � � #revisioninherit��\-� �� #revisioninherit��\-� � � #revisioninherit��\-� � � #revisioninherit��\-� � � #revisioninherit��\-� �� #revisioninherit��\-� � � #revisioninherit��\0� � � #revisioninherit��\0� � #revisioninherit��\0� � #revisioninherit��\0� � #revisioninherit��\0� � #revisioninherit��\0� � #revisioninherit��\1' �( #revisioninherit��\1' � 0 #revisioninherit��\1' � 8 #revisioninherit��\1Y � @ #revisioninherit��\1Y �H #revisioninherit��\1Z � P #revisioninherit��\1� � X #revisioninherit��\1� � ` #revisioninherit��\1� �h #revisioninherit��\2P � p #revisioninherit��\2P � x #revisioninherit��\2P � � #revisioninherit��\4� �� #revisioninherit��\5� � � #revisioninherit��\5� � � #revisioninherit��\5� � � #revisioninherit��\6M �� #revisioninherit��\6M � � #revisioninherit��\6M � � #revisioninherit��\6� � � #revisioninherit��\7 �� #revisioninherit��\@� � � #revisioninherit��\@� � � #revisioninherit��\@� � � #revisioninherit��\A7 �� #revisioninherit��\A7 � � #revisioninherit��\A7 � � #revisioninherit��\L� � #revisioninherit��\M � #revisioninherit��\M� � #revisioninherit��\M� � #revisioninherit��\M� #revisioninherit��\M� ( #revisioninherit��`U� 0 #revisioninherit��`U� 8 #revisioninherit��`V @ #revisioninherit��`V
H #revisioninherit��`VJ P #revisioninherit��`VY X #revisioninherit��`V� ` #revisioninherit��`V� h #revisioninherit��`j� p #revisioninherit��`lt x #revisioninherit��`l� � #revisioninherit��`m% � #revisioninherit��`n& " � #revisioninherit��`nu $ � #revisioninherit��`n� & � #revisioninherit��`p� (� #revisioninherit��`q + � #revisioninherit��`qB - � #revisioninherit��`qz / � #revisioninherit��`q� 1� #revisioninherit��`{� 3 � #revisioninherit��`| 5 � #revisioninherit��`|� 7 � #revisioninherit��`~) :� #revisioninherit��`~N < � #revisioninherit��`~� > � #revisioninherit��`� @ #revisioninherit��`�' B #revisioninherit��`�f D #revisioninherit��`�� F #revisioninherit��`� H #revisioninherit��`�C J( #revisioninherit��`�R L 0 #revisioninherit��`�t N 8 #revisioninherit��`�� P @ #revisioninherit��`� RH #revisioninherit��`�A T P #revisioninherit��`�� V X #revisioninherit��`�� X ` #revisioninherit��`�� Zh #revisioninherit��`� \ p #revisioninherit��`�* ^ x #revisioninherit��`�g ` � #revisioninherit��`� b� #revisioninherit��`�� g � #revisioninherit��d � � #revisioninherit��d @ � � #revisioninherit��d @ �� #revisioninherit��d A � � #revisioninherit��d!r � � #revisioninherit��d!� � � #revisioninherit��d!� �� #revisioninherit��t�2 � � #revisioninherit��t�{ � � #revisioninherit���;% � � #revisioninherit���;% �� #revisioninherit���;% � � #revisioninherit���>� � � #revisioninherit���>� � #revisioninherit���>� � #revisioninherit���>� � #revisioninherit���>� � #revisioninherit���>� � #revisioninherit���D� �( #revisioninherit���E� � 0 #revisioninherit���E� � 8 #revisioninherit���a� � @ #revisioninherit���c �H #revisioninherit���c � P #revisioninherit���c � X #revisioninherit���cI � ` #revisioninherit���cI �h #revisioninherit���cI � p #revisioninherit���c� � x #revisioninherit���e� � � #revisioninherit���f� �� #revisioninherit���g� � � #revisioninherit���h9 � � #revisioninherit���h� � � #revisioninherit���h� �� #revisioninherit���h� � � #revisioninherit���j� � � #revisioninherit���j� � � #revisioninherit���j� �� #revisioninherit���k � � #revisioninherit���k � � #revisioninherit���k � � #revisioninherit���kL �� #revisioninherit���kL � � #revisioninherit���kM � � #revisioninherit���% � #revisioninherit���A' � #revisioninherit���$b � #revisioninherit���% � #revisioninherit���� �
(wp_navigationpublish��0T� ( ,wppb-roles-editorpublish��6Q9 � 0 ,wppb-roles-editorpublish��6Q9 � 8 ,wppb-roles-editorpublish��6Q9 � @ ,wppb-roles-editorpublish��6Q9 � H ,wppb-roles-editorpublish��6Q9 � P�wppb-roles-editorpublish��\ � p � � p � X � @�(���l�T�<�$� ��h�P�8� �
| � d � L
�
4 � �x�`�H�0�� t � c|eN,�5p�
hW �E� � &z�
& B !�infimum supremum A �� z I
-�
, �� D �� (X 7 � ��6ݙ�6�
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/INVOICE/FILES/8874-P.K.H-ENTERPRISE-WalkIn-Install-POS-System-1.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/INVOICE/FILES/8874-P.K.H-ENTERPRISE-WalkIn-Install-POS-System-1.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/INVOICE/FILES/8874-P.K.H-ENTERPRISE-WalkIn-Install-POS-System-1.pdf</p>
</div>
</div>
1234567trashopenopen1234567__trashed��6 S��6 S https://website.ipohserver.com/INVOICE/index.php/2026/02/27/1234567/� post� e 1 (-� 0U 8 � ��6�6�
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/INVOICE/FILES/202505-0021-INV.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/INVOICE/FILES/202505-0021-INV.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/INVOICE/FILES/202505-0021-INV.pdf</p>
</div>
</div>
1111111111111111111111111111111111111111trashopenopen1111111111111111111111111111111111111111__trashed��6 S��6 S https://website.ipohserver.com/INVOICE/index.php/2026/02/27/1111111111111111111111111111111111111111/� post� G
� 8� 9 � ��6ș�6�
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-2.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-2.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-2.pdf</p>
</div>
</div>
FSFSFSFSFStrashopenopenfsfsfsfsfs__trashed��6 S��6 S https://website.ipohserver.com/INVOICE/index.php/2026/02/27/fsfsfsfsfs/� post� [ ' U� @�( : � ��6�6�
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file=""]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;"></p>
</div>
</div>
11111111111111111111333355sdaatrashopenopen11111111111111111111333355sdaa__trashed��6 S��6 S https://website.ipohserver.com/INVOICE/index.php/2026/02/27/11111111111111111111333355sdaa/� post� C �� H� 6 � ��6���6�
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/INVOICE/FILES/8874-P.K.H-ENTERPRISE-WalkIn-Install-POS-System.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/INVOICE/FILES/8874-P.K.H-ENTERPRISE-WalkIn-Install-POS-System.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/INVOICE/FILES/8874-P.K.H-ENTERPRISE-WalkIn-Install-POS-System.pdf</p>
</div>
</div>
1234567trashclosedclosed1234567__trashed��6!Q��6!Q https://website.ipohserver.com/INVOICE/index.php/downloads/1234567/� downloads� I
-� P�� 3 � ��4�d��4�d
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/INVOICE/FILES/QT202511_0004-2.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/INVOICE/FILES/QT202511_0004-2.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/INVOICE/FILES/QT202511_0004-2.pdf</p>
</div>
</div>
dddddddddddddtrashclosedclosedddddddddddddd__trashed��6!Q��6!Q https://website.ipohserver.com/INVOICE/index.php/downloads/ddddddddddddd/� downloads� A �� X�� 2 � ��4���4�
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/INVOICE/FILES/QT202506-0051-1.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/INVOICE/FILES/QT202506-0051-1.pdf" title_align="alignnone" dynamic_content="0" ecclevel="L" border="4" color="#000000" bgcolor="#FFFFFF" align="alignnone" css_shadow="0" no_css="0" new_window="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/INVOICE/FILES/QT202506-0051-1.pdf</p>
</div>
</div>
vdvdvtrashclosedclosedvdvdv__trashed��6!Q��6!Q https://website.ipohserver.com/INVOICE/index.php/downloads/vdvdv/� downloads� p � chW ґ�dN
ge:E� � >G� :� B )infimum supremum M � � ; � ��6 4��6 4
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS.pdf</p>
</div>
</div>
hhhhhhhhhhhhhhhhtrashopenopenhhhhhhhhhhhhhhhh__trashed��6 S��6 S https://website.ipohserver.com/INVOICE/index.php/2026/02/27/hhhhhhhhhhhhhhhh/� post� C �� S < � ��6 ޙ�6 �
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/QT202511_0004-3.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/QT202511_0004-3.pdf</p>
</div>
</div>
666262trashopenopen666262__trashed��6 S��6 S https://website.ipohserver.com/INVOICE/index.php/2026/02/27/666262/� post� H � � = � ��6 "��6 "
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-3.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-3.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-3.pdf</p>
</div>
</div>
62626262626trashopenopen62626262626__trashed��6 S��6 S https://website.ipohserver.com/INVOICE/index.php/2026/02/27/62626262626/� post� , � (� > � ��6 S��6 S
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-3.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-3.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-3.pdf</p>
</div>
</div>
62626262626inheritclosedclosed61-revision-v1��6 S��6 S =https://website.ipohserver.com/INVOICE/?p=62� revision� , �� 0E ? � ��6 S��6 S
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/QT202511_0004-3.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/QT202511_0004-3.pdf</p>
</div>
</div>
666262inheritclosedclosed60-revision-v1��6 S��6 S <https://website.ipohserver.com/INVOICE/?p=63� revision� , � 8� @ � ��6 S��6 S
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS.pdf</p>
</div>
</div>
hhhhhhhhhhhhhhhhinheritclosedclosed59-revision-v1��6 S��6 S ;https://website.ipohserver.com/INVOICE/?p=64� revision� , U� @! A � ��6 S��6 S
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file=""]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;"></p>
</div>
</div>
11111111111111111111333355sdaainheritclosedclosed58-revision-v1��6 S��6 S :https://website.ipohserver.com/INVOICE/?p=65� revision� ,
� H� B � ��6 S��6 S
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-2.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-2.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-2.pdf</p>
</div>
</div>
FSFSFSFSFSinheritclosedclosed57-revision-v1��6 S��6 S 9https://website.ipohserver.com/INVOICE/?p=66� revision� , (-� P C � ��6 S��6 S
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/INVOICE/FILES/202505-0021-INV.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/INVOICE/FILES/202505-0021-INV.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/INVOICE/FILES/202505-0021-INV.pdf</p>
</div>
</div>
1111111111111111111111111111111111111111inheritclosedclosed56-revision-v1��6 S��6 S 8https://website.ipohserver.com/INVOICE/?p=67� revision� , �� XH D � ��6 S��6 S
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/INVOICE/FILES/8874-P.K.H-ENTERPRISE-WalkIn-Install-POS-System-1.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/INVOICE/FILES/8874-P.K.H-ENTERPRISE-WalkIn-Install-POS-System-1.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/INVOICE/FILES/8874-P.K.H-ENTERPRISE-WalkIn-Install-POS-System-1.pdf</p>
</div>
</div>
1234567inheritclosedclosed55-revision-v1��6 S��6 S 7https://website.ipohserver.com/INVOICE/?p=68� revision� , � `� E � ��6 S��6 S
<div style="max-width:1100px;margin:auto;">
<div style="display:flex;flex-wrap:wrap;gap:30px;">
<div style="flex:2;min-width:400px;">
<iframe src="https://website.ipohserver.com/INVOICE/INVOICE/FILES/202512_0014-INV-1.pdf" width="100%" height="600px" style="border:1px solid #ddd;"></iframe>
</div>
<div style="flex:1;min-width:250px;text-align:center;">
<img src="https://api.qrserver.com/v1/create-qr-code/?size=250x250&data=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2FINVOICE%2FFILES%2F202512_0014-INV-1.pdf&t=1772094351" alt="QR Code">
<p><strong>Scan to Download PDF</strong></p>
<p style="font-size:12px;word-break:break-all;">https://website.ipohserver.com/INVOICE/INVOICE/FILES/202512_0014-INV-1.pdf</p>
</div>
</div>
</div>
UUUUUinheritclosedclosed47-revision-v1��6 S��6 S /https://website.ipohserver.com/INVOICE/?p=69� revision� , 8� h� F � ��6 S��6 S
<div style="max-width:1100px;margin:auto;">
<div style="display:flex;flex-wrap:wrap;gap:30px;">
<div style="flex:2;min-width:400px;">
<iframe src="https://website.ipohserver.com/INVOICE/INVOICE/FILES/QT202511_0004-1.pdf" width="100%" height="600px" style="border:1px solid #ddd;"></iframe>
</div>
<div style="flex:1;min-width:250px;text-align:center;">
<img src="https://api.qrserver.com/v1/create-qr-code/?size=250x250&data=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2FINVOICE%2FFILES%2FQT202511_0004-1.pdf&t=1772094332" alt="QR Code">
<p><strong>Scan to Download PDF</strong></p>
<p style="font-size:12px;word-break:break-all;">https://website.ipohserver.com/INVOICE/INVOICE/FILES/QT202511_0004-1.pdf</p>
</div>
</div>
</div>
ffffffffffffffffffffffffffffffffffdsssssssssssssssssssssinheritclosedclosed46-revision-v1��6 S��6 S .https://website.ipohserver.com/INVOICE/?p=70� revision� , 8 � p� G � ��6 S��6 S
<div style="display:flex; flex-wrap:wrap; gap:20px;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/QT202511_0004-1.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/QT202511_0004-1.pdf" dynamic_content="0" download_button="1"]
<p><strong>Scan to Download PDF</strong></p>
<p style="font-size:12px;">https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/QT202511_0004-1.pdf</p>
</div>
</div>
ffffffffffffffffffffffffffffffffffdsssssssssssssssssssssinheritclosedclosed44-revision-v1��6 S��6 S ,https://website.ipohserver.com/INVOICE/?p=71� revision� , � x� H � ��6 S��6 S
<div style="display:flex; flex-wrap:wrap; gap:20px;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/FaceID6-BROCHURE.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/FaceID6-BROCHURE.pdf" dynamic_content="0" download_button="1"]
<p><strong>Scan to Download PDF</strong></p>
<p style="font-size:12px;">https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/FaceID6-BROCHURE.pdf</p>
</div>
</div>
123456789ddsdsdinheritclosedclosed42-revision-v1��6 S��6 S *https://website.ipohserver.com/INVOICE/?p=72� revision� , � �� I � ��6 S��6 S
<div style="display:flex; flex-wrap:wrap; gap:20px;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/202512_0167-INV.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/202512_0167-INV.pdf" dynamic_content="0" download_button="1"]
<p><strong>Scan to Download PDF</strong></p>
<p style="font-size:12px;">https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/202512_0167-INV.pdf</p>
</div>
</div>
ddddddinheritclosedclosed41-revision-v1��6 S��6 S )https://website.ipohserver.com/INVOICE/?p=73� revision� , ߂ �Ŧ J � ��6 S��6 S
<div style="display:flex; flex-wrap:wrap; gap:20px;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/INVOICE/FILES/QT202510-0052.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content_url="https://website.ipohserver.com/INVOICE/INVOICE/FILES/QT202510-0052.pdf" dynamic_content="0" download_button="1"]
<p><strong>Scan to Download PDF</strong></p>
<p style="font-size:12px;">https://website.ipohserver.com/INVOICE/INVOICE/FILES/QT202510-0052.pdf</p>
</div>
</div>
1234inheritclosedclosed40-revision-v1��6 S��6 S (https://website.ipohserver.com/INVOICE/?p=74� revision� p*~� � cge:�O
�������� gB�
� #���{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n.kaya-webstation-row{\n display:flex;\n align-items:center;\n justify-content:center;\n gap:18px;\n width:100%;\n margin-top:14px;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:left;\n word-break:break-word;\n flex:0 0 auto;\n margin:0;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n background:#fff;\n width:auto;\n}\n\n.kaya-qr-download-inner img{\n width:140px;\n max-width:140px;\n height:auto;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 07:21:38"
}
} gB� AW& YX�E� � 7� ,� B )infimum supremum - ^� z � ��6C���6C�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6C���6C� Zhttps://website.ipohserver.com/INVOICE/?p=122� revision� - ^� { � ��6C���6C�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6C���6C� Zhttps://website.ipohserver.com/INVOICE/?p=123� revision� - ^� | � ��6C���6C�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6C���6C� Zhttps://website.ipohserver.com/INVOICE/?p=124� revision� - ^� ( } � ��6C���6C�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6C���6C� Zhttps://website.ipohserver.com/INVOICE/?p=125� revision� - ^� 0ӌ ~ � ��6C���6C�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6C���6C� Zhttps://website.ipohserver.com/INVOICE/?p=126� revision� p cYX�ڝ�@ ��� E� � >Ȁ� �3� B
infimum supremum , � ,
�� �a H � � M � ��6 ���6 �
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-4.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-4.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-4.pdf</p>
</div>
</div>
62626262626trashopenopen62626262626__trashed-2��R(��R( https://website.ipohserver.com/INVOICE/index.php/2026/02/27/62626262626/� post� ,
�� (5 N � ��6 ԙ�6 �<!-- wp:shortcode -->
[pdf_frontend_upload]
<!-- /wp:shortcode -->
<!-- wp:shortcode -->
[latest_invoice_qr]
<!-- /wp:shortcode -->HOMEinheritclosedclosed2-revision-v1��6 ԙ�6 � https://website.ipohserver.com/INVOICE/?p=78� revision� e 3 (� 0 6 O � ��6 ۙ�6 �
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202505-0021-INV.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/202505-0021-INV.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202505-0021-INV.pdf</p>
</div>
</div>
1111111111111111111111111111111111111111trashopenopen1111111111111111111111111111111111111111__trashed-2��R(��R( https://website.ipohserver.com/INVOICE/index.php/2026/02/27/1111111111111111111111111111111111111111/� post� a $ ��$ 8�d
D � @ � Q � ��6 ��6 � E & Tkadencepublishclosedclosedkadence���h9���h9 https://website.ipohserver.com/INVOICE/index.php/2026/02/27/kadence/� custom_css� , %� H� R � ��6 ��6 .invoice-card {
background: #ffffff;
border-radius: 16px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.06);
margin: 40px auto;
max-width: 1100px;
}
.invoice-card h3 {
font-size: 22px;
margin-bottom: 25px;
font-weight: 600;
}
.invoice-flex {
display: flex;
gap: 40px;
align-items: center;
flex-wrap: wrap;
}
.invoice-view {
flex: 2;
min-width: 400px;
}
.invoice-view iframe {
width: 100%;
height: 500px;
border-radius: 12px;
border: 1px solid #eee;
}
.invoice-qr {
flex: 1;
text-align: center;
}
.invoice-qr img {
border-radius: 12px;
padding: 12px;
background: #f9f9f9;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.invoice-qr p {
margin-top: 15px;
font-weight: 500;
color: #444;
}kadenceinheritclosedclosed81-revision-v1��6 ��6 Qhttps://website.ipohserver.com/INVOICE/?p=82� revision� g 3 (� PC S � ��6 ��6
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202505-0021-INV-1.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/202505-0021-INV-1.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202505-0021-INV-1.pdf</p>
</div>
</div>
1111111111111111111111111111111111111111trashopenopen1111111111111111111111111111111111111111-2__trashed��R(��R( https://website.ipohserver.com/INVOICE/index.php/2026/02/27/1111111111111111111111111111111111111111-2/� post� C � X� T � ��6 o��6 o
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS.pdf</p>
</div>
</div>
112233trashopenopen112233__trashed��R(��R( https://website.ipohserver.com/INVOICE/index.php/2026/02/27/112233/� post� E � `� V � ��6!ƙ�6!�
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS-1.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS-1.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS-1.pdf</p>
</div>
</div>
112233trashopenopen112233-2__trashed��R(��R( https://website.ipohserver.com/INVOICE/index.php/2026/02/27/112233-2/� post� A
'� h� W � ��6*��6*
<div class="pdf-wrapper">
<div class="pdf-view">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/wp-content/uploads/invoice/crm/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf"]
</div>
<div class="pdf-qr">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/wp-content/uploads/invoice/crm/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf" dynamic_content="0"]
<p class="pdf-link"><a href="https://website.ipohserver.com/INVOICE/wp-content/uploads/invoice/crm/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf" target="_blank" rel="noopener">Open PDF</a></p>
<p class="pdf-link-raw" style="word-break:break-all;">https://website.ipohserver.com/INVOICE/wp-content/uploads/invoice/crm/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf</p>
<p class="pdf-folder" style="opacity:.7;">Folder: CRM</p>
</div>
</div>
Testtrashopenopentest__trashed��R(��R( https://website.ipohserver.com/INVOICE/index.php/2026/02/27/test/� post� C ہ p� X � ��60ᙹ60�
<div class="pdf-wrapper">
<div class="pdf-view">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf"]
</div>
<div class="pdf-qr">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf" dynamic_content="0"]
<p style="word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf</p>
</div>
</div>Testtrashopenopentest-2__trashed��R( ��R( https://website.ipohserver.com/INVOICE/index.php/2026/02/27/test-2/� post� A �� x Y � ��62 ��62
<div class="pdf-wrapper">
<div class="pdf-view">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/CRM2/202512_0014-INV.pdf"]
</div>
<div class="pdf-qr">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/CRM2/202512_0014-INV.pdf" dynamic_content="0"]
<p style="word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/CRM2/202512_0014-INV.pdf</p>
</div>
</div>1234trashopenopen1234__trashed-2��R( ��R( https://website.ipohserver.com/INVOICE/index.php/2026/02/27/1234/� post� , � � [ � ��66J��66JHinheritclosedclosed90-revision-v1��66J��66J Zhttps://website.ipohserver.com/INVOICE/?p=91� revision� , � � \ � ��66J��66JHinheritclosedclosed90-revision-v1��66J��66J Zhttps://website.ipohserver.com/INVOICE/?p=92� revision� , � � ] � ��66K��66KHinheritclosedclosed90-revision-v1��66K��66K Zhttps://website.ipohserver.com/INVOICE/?p=93� revision� , � � ^ � ��66w��66wHinheritclosedclosed90-revision-v1��66w��66w Zhttps://website.ipohserver.com/INVOICE/?p=94� revision� , � � _ � ��66w��66wHinheritclosedclosed90-revision-v1��66w��66w Zhttps://website.ipohserver.com/INVOICE/?p=95� revision� , � � ` � ��66w��66w[pdf_frontend_upload]Hinheritclosedclosed90-revision-v1��66w��66w Zhttps://website.ipohserver.com/INVOICE/?p=96� revision� D �� �� a � ��671��671
<div class="pdf-wrapper">
<div class="pdf-view">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202508-0023-INV.pdf"]
</div>
<div class="pdf-qr">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202508-0023-INV.pdf" dynamic_content="0"]
<p style="word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202508-0023-INV.pdf</p>
</div>
</div>invoicetrashopenopeninvoice__trashed��R( ��R( https://website.ipohserver.com/INVOICE/index.php/2026/02/27/invoice/� post� 2 =� ��Z Z � ��65���65�Invoice Upload <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEpublishclosedclosedh���k���k https://website.ipohserver.com/INVOICE/?page_id=90� page� p-�$e� c��� k6� �,�WE� � !�� B )infimum supremum - ^� � � ��6Cܙ�6C�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6Cܙ�6C� Zhttps://website.ipohserver.com/INVOICE/?p=128� revision� - ^� � � ��6Cܙ�6C�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6Cܙ�6C� Zhttps://website.ipohserver.com/INVOICE/?p=129� revision� - ^� � � � ��6Cܙ�6C�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6Cܙ�6C� Zhttps://website.ipohserver.com/INVOICE/?p=130� revision� p c�,�Wc�~4 �,�IE� � 5\�
��
B (infimum supremum
Z � c � ��69���69�edit-pdf-v2-iG7L1H_vinheritopenclosededit-pdf-v2-ig7l1h_v��69���69� bhttps://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/edit-pdf-v2-iG7L1H_v.png� attachmentimage/png� -
�
� d � ��6:@��6:@<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading -->
<h2 class="wp-block-heading"><a href="https://thebestpdf.com/jpg-to-pdf?feature=JPGtoPDF&clickid=635ced049c441878d71484a593e36f2b&id_partner=b_search&campid=520940986&agid=1319416330557814&keyword=jpg%20to%20pdf%20converter%20online&matchtype=e&targetid=kwd-82464608554174:loc-112&devmod=&extid={extensionid}&creatid=&placement=&msclkid=635ced049c441878d71484a593e36f2b">PDF to QR Code Converter - It’s Easy With Our Tool</a></h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>☑ Instant QR Code Generation: Convert your PDF into a QR code in seconds.<br>☑ Secure File Processing: Your files are handled safely and privately.<br>☑ High-Quality QR Codes: Generate clear, reliable, and easy-to-scan codes.<br>☑ Cross-Device Compatibility: Works smoothly on desktop, tablet, and mobile.<br>☑ Fast & Simple: Upload, generate, and download in just a few clicks.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:shortcode -->
[pdf_frontend_upload]
<!-- /wp:shortcode --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">How to convert PDF to QR Code</h2>
<!-- /wp:heading -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":99,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/edit-pdf-v2-iG7L1H_v.png" alt="" class="wp-image-99"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>1.Start converting your PDF to a QR code — fast and free.</p>
<!-- /wp:paragraph -->
<!-- wp:list {"ordered":true} -->
<ol class="wp-block-list"></ol>
<!-- /wp:list -->
<!-- wp:paragraph -->
<p>2.Open the PDF to QR Code tool in your browser.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>3.Upload or simply drag & drop your PDF into the interface.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>4.Boom! Your QR code is instantly generated and ready to download or share.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->NEW HOME PAGEinheritclosedclosed98-revision-v1��6:@��6:@ bhttps://website.ipohserver.com/INVOICE/?p=100� revision� -
� f � ��6;���6;�Default Kitinheritclosedclosed6-revision-v1��6;���6;� https://website.ipohserver.com/INVOICE/?p=102� revision� -
(� g � ��6;���6;�Default Kitinheritclosedclosed6-revision-v1��6;���6;� https://website.ipohserver.com/INVOICE/?p=103� revision� a $ ֆ 0 - Յ 8� i � ��6<���6<�.kaya-upload-form {
display:flex;
justify-content:center;
margin:40px 0;
}
.kaya-card {
width:100%;
max-width:650px;
background:#ffffff;
padding:40px;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.08);
}
.kaya-title {
text-align:center;
margin-bottom:25px;
font-size:24px;
font-weight:600;
}
.kaya-fields {
display:flex;
flex-direction:column;
gap:15px;
margin-bottom:25px;
}
.kaya-fields input,
.kaya-fields select {
padding:12px 15px;
border:1px solid #ddd;
border-radius:10px;
font-size:14px;
}
.kaya-drop-area {
border:2px dashed #5b7cfa;
border-radius:16px;
padding:40px;
text-align:center;
cursor:pointer;
transition:0.3s;
background:#f9fbff;
}
.kaya-drop-area:hover {
background:#eef2ff;
}
.kaya-drop-content p {
font-size:18px;
margin:10px 0;
}
.kaya-drop-content span {
display:block;
margin:10px 0;
color:#888;
}
.kaya-icon {
font-size:40px;
}
.kaya-upload-btn {
background:#4f6df5;
color:white;
border:none;
padding:12px 30px;
border-radius:10px;
font-weight:600;
cursor:pointer;
}
.kaya-upload-btn:hover {
background:#3d57cc;
}
.kaya-submit {
margin-top:25px;
width:100%;
padding:14px;
background:#111827;
color:white;
border:none;
border-radius:12px;
font-size:15px;
font-weight:600;
cursor:pointer;
}
.kaya-submit:hover {
background:#000;
}kadenceinheritclosedclosed81-revision-v1��6<���6<� Qhttps://website.ipohserver.com/INVOICE/?p=105� revision� - @ � j � ��6=h��6=h[pdf_frontend_upload]Hinheritclosedclosed90-revision-v1��6=h��6=h Zhttps://website.ipohserver.com/INVOICE/?p=106� revision� - H � k � ��6=h��6=h[pdf_frontend_upload]Hinheritclosedclosed90-revision-v1��6=h��6=h Zhttps://website.ipohserver.com/INVOICE/?p=107� revision� - �� PW l � ��6=i��6=i<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload]Hinheritclosedclosed90-revision-v1��6=i��6=i Zhttps://website.ipohserver.com/INVOICE/?p=108� revision� - �� X�^ n � ��6@D��6@D<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload]Hinheritclosedclosed90-revision-v1��6@D��6@D Zhttps://website.ipohserver.com/INVOICE/?p=110� revision� 2
K� `�" b � ��6<���6<�<!-- wp:shortcode -->
[wppb-login]
<!-- /wp:shortcode -->
<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"larger"} -->
<h1 class="wp-block-heading has-text-align-center has-larger-font-size">PDF to QR Code Converter - It’s Easy With Our Tool</h1>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontSize":"35px"}}} -->
<p style="font-size:35px"><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Instant QR Code Generation</strong> <br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Secure File Processing</strong><br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>High-Quality QR Codes</strong> <br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Cross-Device Compatibility</strong> <br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Fast & Simple</strong> </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:shortcode -->
[pdf_frontend_upload]
<!-- /wp:shortcode --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">How to convert PDF to QR Code</h2>
<!-- /wp:heading -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":99,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/edit-pdf-v2-iG7L1H_v.png" alt="" class="wp-image-99"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>1.Start converting your PDF to a QR code — fast and free.</p>
<!-- /wp:paragraph -->
<!-- wp:list {"ordered":true} -->
<ol class="wp-block-list"><!-- wp:list-item -->
<li></li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->
<!-- wp:paragraph -->
<p>2.Open the PDF to QR Code tool in your browser.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>3.Upload or simply drag & drop your PDF into the interface.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>4.Boom! Your QR code is instantly generated and ready to download or share.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->NEW HOME PAGEpublishclosedclosednew-home-page��6H��6H https://website.ipohserver.com/INVOICE/?page_id=98� page� p
c�,�I�>� YU�sE� � )`� B )infimum supremum - �� W o � ��6@D��6@D<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload]Hinheritclosedclosed90-revision-v1��6@D��6@D Zhttps://website.ipohserver.com/INVOICE/?p=111� revision� - ^� p � ��6@D��6@D<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Hinheritclosedclosed90-revision-v1��6@D��6@D Zhttps://website.ipohserver.com/INVOICE/?p=112� revision� - ^� q � ��6@���6@�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6@���6@� Zhttps://website.ipohserver.com/INVOICE/?p=113� revision�
R ( � r � ��6A���6A�correct-iconinheritopenclosedcorrect-icon��6A���6A� bhttps://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg� attachmentimage/jpeg� -
ʋ 0� s � ��6B���6B�<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"larger"} -->
<h1 class="wp-block-heading has-text-align-center has-larger-font-size">PDF to QR Code Converter - It’s Easy With Our Tool</h1>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size"><img class="wp-image-114" style="width: 20px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Instant QR Code Generation</strong> <br><img class="wp-image-114" style="width: 20px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Secure File Processing</strong> <br><img class="wp-image-114" style="width: 20px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>High-Quality QR Codes</strong> <br><img class="wp-image-114" style="width: 20px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Cross-Device Compatibility</strong> <br><img class="wp-image-114" style="width: 20px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Fast & Simple</strong> </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:shortcode -->
[pdf_frontend_upload]
<!-- /wp:shortcode --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">How to convert PDF to QR Code</h2>
<!-- /wp:heading -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":99,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/edit-pdf-v2-iG7L1H_v.png" alt="" class="wp-image-99"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>1.Start converting your PDF to a QR code — fast and free.</p>
<!-- /wp:paragraph -->
<!-- wp:list {"ordered":true} -->
<ol class="wp-block-list"></ol>
<!-- /wp:list -->
<!-- wp:paragraph -->
<p>2.Open the PDF to QR Code tool in your browser.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>3.Upload or simply drag & drop your PDF into the interface.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>4.Boom! Your QR code is instantly generated and ready to download or share.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->NEW HOME PAGEinheritclosedclosed98-revision-v1��6B���6B� bhttps://website.ipohserver.com/INVOICE/?p=115� revision� p cYU�sYE�H YW3�E� � 9f� .d B )infimum supremum - ^� u � ��6CY��6CY<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6CY��6CY Zhttps://website.ipohserver.com/INVOICE/?p=117� revision� - ^� v � ��6CZ��6CZ<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6CZ��6CZ Zhttps://website.ipohserver.com/INVOICE/?p=118� revision� - ^� w � ��6CZ��6CZ<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6CZ��6CZ Zhttps://website.ipohserver.com/INVOICE/?p=119� revision� -
ڋ ( � x � ��6Co��6Co<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"larger"} -->
<h1 class="wp-block-heading has-text-align-center has-larger-font-size">PDF to QR Code Converter - It’s Easy With Our Tool</h1>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontSize":"35px"}}} -->
<p style="font-size:35px"><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Instant QR Code Generation</strong> <br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Secure File Processing</strong><br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>High-Quality QR Codes</strong> <br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Cross-Device Compatibility</strong> <br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Fast & Simple</strong> </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:shortcode -->
[pdf_frontend_upload]
<!-- /wp:shortcode --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">How to convert PDF to QR Code</h2>
<!-- /wp:heading -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":99,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/edit-pdf-v2-iG7L1H_v.png" alt="" class="wp-image-99"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>1.Start converting your PDF to a QR code — fast and free.</p>
<!-- /wp:paragraph -->
<!-- wp:list {"ordered":true} -->
<ol class="wp-block-list"></ol>
<!-- /wp:list -->
<!-- wp:paragraph -->
<p>2.Open the PDF to QR Code tool in your browser.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>3.Upload or simply drag & drop your PDF into the interface.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>4.Boom! Your QR code is instantly generated and ready to download or share.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->NEW HOME PAGEinheritclosedclosed98-revision-v1��6Co��6Co bhttps://website.ipohserver.com/INVOICE/?p=120� revision� - ^� 0� y � ��6C���6C�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6C���6C� Zhttps://website.ipohserver.com/INVOICE/?p=121� revision� p cYW3��w� �,�@E� � 0���
B )infimum supremum -
K�
� � ��6H��6H<!-- wp:shortcode -->
[wppb-login]
<!-- /wp:shortcode -->
<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"larger"} -->
<h1 class="wp-block-heading has-text-align-center has-larger-font-size">PDF to QR Code Converter - It’s Easy With Our Tool</h1>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontSize":"35px"}}} -->
<p style="font-size:35px"><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Instant QR Code Generation</strong> <br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Secure File Processing</strong><br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>High-Quality QR Codes</strong> <br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Cross-Device Compatibility</strong> <br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Fast & Simple</strong> </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:shortcode -->
[pdf_frontend_upload]
<!-- /wp:shortcode --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">How to convert PDF to QR Code</h2>
<!-- /wp:heading -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":99,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/edit-pdf-v2-iG7L1H_v.png" alt="" class="wp-image-99"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>1.Start converting your PDF to a QR code — fast and free.</p>
<!-- /wp:paragraph -->
<!-- wp:list {"ordered":true} -->
<ol class="wp-block-list"><!-- wp:list-item -->
<li></li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->
<!-- wp:paragraph -->
<p>2.Open the PDF to QR Code tool in your browser.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>3.Upload or simply drag & drop your PDF into the interface.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>4.Boom! Your QR code is instantly generated and ready to download or share.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->NEW HOME PAGEinheritclosedclosed98-revision-v1��6H��6H bhttps://website.ipohserver.com/INVOICE/?p=134� revision� -
K� E � � ��6H��6H<!-- wp:shortcode -->
[wppb-login]
<!-- /wp:shortcode -->
<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"larger"} -->
<h1 class="wp-block-heading has-text-align-center has-larger-font-size">PDF to QR Code Converter - It’s Easy With Our Tool</h1>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontSize":"35px"}}} -->
<p style="font-size:35px"><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Instant QR Code Generation</strong> <br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Secure File Processing</strong><br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>High-Quality QR Codes</strong> <br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Cross-Device Compatibility</strong> <br><img class="wp-image-114" style="width: 30px;" src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/correct-icon.jpg" alt=""> <strong>Fast & Simple</strong> </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:shortcode -->
[pdf_frontend_upload]
<!-- /wp:shortcode --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">How to convert PDF to QR Code</h2>
<!-- /wp:heading -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":99,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/edit-pdf-v2-iG7L1H_v.png" alt="" class="wp-image-99"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>1.Start converting your PDF to a QR code — fast and free.</p>
<!-- /wp:paragraph -->
<!-- wp:list {"ordered":true} -->
<ol class="wp-block-list"><!-- wp:list-item -->
<li></li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->
<!-- wp:paragraph -->
<p>2.Open the PDF to QR Code tool in your browser.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>3.Upload or simply drag & drop your PDF into the interface.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>4.Boom! Your QR code is instantly generated and ready to download or share.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->NEW HOME PAGEinheritclosedclosed98-autosave-v1��6H��6H bhttps://website.ipohserver.com/INVOICE/?p=135� revision� G s� � Q
( � � � ��6Q9��6Q9Administratorpublishclosedclosedadministrator��6Q9��6Q9 https://website.ipohserver.com/INVOICE/index.php/wppb-roles-editor/administrator/� wppb-roles-editor� J 0 � � � ��6Q9��6Q9Editorpublishclosedclosededitor��6Q9��6Q9 https://website.ipohserver.com/INVOICE/index.php/wppb-roles-editor/editor/� wppb-roles-editor� J 8 � � � ��6Q9��6Q9Authorpublishclosedclosedauthor��6Q9��6Q9 https://website.ipohserver.com/INVOICE/index.php/wppb-roles-editor/author/� wppb-roles-editor� O @ � � � ��6Q9��6Q9Contributorpublishclosedclosedcontributor��6Q9��6Q9 https://website.ipohserver.com/INVOICE/index.php/wppb-roles-editor/contributor/� wppb-roles-editor� N
H= � � ��6Q9��6Q9Subscriberpublishclosedclosedsubscriber��6Q^��6Q^ https://website.ipohserver.com/INVOICE/index.php/wppb-roles-editor/subscriber/� wppb-roles-editor� B �� P N X � � � ��6TT� Elementor Single Post #146draftclosedclosed��6TT��6TT https://website.ipohserver.com/INVOICE/?post_type=elementor_library&p=146� elementor_library� - ` � � � ��6TT��6TTElementor Single Post #146inheritclosedclosed146-revision-v1��6TT��6TT �https://website.ipohserver.com/INVOICE/?p=147� revision� - "� h�C � � ��6U���6U�.kaya-upload-form {
display:flex;
justify-content:center;
margin:40px 0;
}
.kaya-card {
width:100%;
max-width:650px;
background:#ffffff;
padding:40px;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.08);
}
.kaya-title {
text-align:center;
margin-bottom:25px;
font-size:24px;
font-weight:600;
}
.kaya-fields {
display:flex;
flex-direction:column;
gap:15px;
margin-bottom:25px;
}
.kaya-fields input,
.kaya-fields select {
padding:12px 15px;
border:1px solid #ddd;
border-radius:10px;
font-size:14px;
}
.kaya-drop-area {
border:2px dashed #5b7cfa;
border-radius:16px;
padding:40px;
text-align:center;
cursor:pointer;
transition:0.3s;
background:#f9fbff;
}
.kaya-drop-area:hover {
background:#eef2ff;
}
.kaya-drop-content p {
font-size:18px;
margin:10px 0;
}
.kaya-drop-content span {
display:block;
margin:10px 0;
color:#888;
}
.kaya-icon {
font-size:40px;
}
.kaya-upload-btn {
background:#4f6df5;
color:white;
border:none;
padding:12px 30px;
border-radius:10px;
font-weight:600;
cursor:pointer;
}
.kaya-upload-btn:hover {
background:#3d57cc;
}
.kaya-submit {
margin-top:25px;
width:100%;
padding:14px;
background:#111827;
color:white;
border:none;
border-radius:12px;
font-size:15px;
font-weight:600;
cursor:pointer;
}
.kaya-submit:hover {
background:#000;
}
/* ===== Invoice PDF + QR Layout ===== */
.single-post .pdf-wrapper {
display: flex;
gap: 40px;
align-items: flex-start;
margin-top: 30px;
}
/* Left side (PDF) */
.single-post .pdf-view {
flex: 1 1 70%;
}
/* Right side (QR) */
.single-post .pdf-qr {
flex: 0 0 300px;
text-align: center;
background: #ffffff;
padding: 20px;
border-radius: 14px;
box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
/* Clean QR image */
.single-post .pdf-qr img {
max-width: 220px;
width: 100%;
height: auto;
}
/* Hide long ugly raw URL text */
.single-post .pdf-qr p[style*="word-break"] {
display: none;
}
/* ===== Mobile ===== */
@media (max-width: 768px) {
.single-post .pdf-wrapper {
flex-direction: column;
gap: 25px;
}
.single-post .pdf-qr {
width: 100%;
}
}kadenceinheritclosedclosed81-revision-v1��6U���6U� Qhttps://website.ipohserver.com/INVOICE/?p=149� revision� p!D c�,�@t�f� Y�8�E� � ;��&> B )infimum supremum a $ U� Y � � ��6U���6U�{
"custom_css[kadence]": {
"value": ".kaya-upload-form {\n display:flex;\n justify-content:center;\n margin:40px 0;\n}\n\n.kaya-card {\n width:100%;\n max-width:650px;\n background:#ffffff;\n padding:40px;\n border-radius:20px;\n box-shadow:0 20px 50px rgba(0,0,0,0.08);\n}\n\n.kaya-title {\n text-align:center;\n margin-bottom:25px;\n font-size:24px;\n font-weight:600;\n}\n\n.kaya-fields {\n display:flex;\n flex-direction:column;\n gap:15px;\n margin-bottom:25px;\n}\n\n.kaya-fields input,\n.kaya-fields select {\n padding:12px 15px;\n border:1px solid #ddd;\n border-radius:10px;\n font-size:14px;\n}\n\n.kaya-drop-area {\n border:2px dashed #5b7cfa;\n border-radius:16px;\n padding:40px;\n text-align:center;\n cursor:pointer;\n transition:0.3s;\n background:#f9fbff;\n}\n\n.kaya-drop-area:hover {\n background:#eef2ff;\n}\n\n.kaya-drop-content p {\n font-size:18px;\n margin:10px 0;\n}\n\n.kaya-drop-content span {\n display:block;\n margin:10px 0;\n color:#888;\n}\n\n.kaya-icon {\n font-size:40px;\n}\n\n.kaya-upload-btn {\n background:#4f6df5;\n color:white;\n border:none;\n padding:12px 30px;\n border-radius:10px;\n font-weight:600;\n cursor:pointer;\n}\n\n.kaya-upload-btn:hover {\n background:#3d57cc;\n}\n\n.kaya-submit {\n margin-top:25px;\n width:100%;\n padding:14px;\n background:#111827;\n color:white;\n border:none;\n border-radius:12px;\n font-size:15px;\n font-weight:600;\n cursor:pointer;\n}\n\n.kaya-submit:hover {\n background:#000;\n}\n\n/* ===== Invoice PDF + QR Layout ===== */\n\n.single-post .pdf-wrapper {\n display: flex;\n gap: 40px;\n align-items: flex-start;\n margin-top: 30px;\n}\n\n/* Left side (PDF) */\n.single-post .pdf-view {\n flex: 1 1 70%;\n}\n\n/* Right side (QR) */\n.single-post .pdf-qr {\n flex: 0 0 300px;\n text-align: center;\n background: #ffffff;\n padding: 20px;\n border-radius: 14px;\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n}\n\n/* Clean QR image */\n.single-post .pdf-qr img {\n max-width: 220px;\n width: 100%;\n height: auto;\n}\n\n/* Hide long ugly raw URL text */\n.single-post .pdf-qr p[style*=\"word-break\"] {\n display: none;\n}\n\n/* ===== Mobile ===== */\n@media (max-width: 768px) {\n .single-post .pdf-wrapper {\n flex-direction: column;\n gap: 25px;\n }\n\n .single-post .pdf-qr {\n width: 100%;\n }\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-02-27 05:23:00"
}
}trashclosedcloseda8ea4164-71f7-4ba1-a5f1-d36fbf058c42��6U���6U� https://website.ipohserver.com/INVOICE/index.php/2026/02/27/a8ea4164-71f7-4ba1-a5f1-d36fbf058c42/� customize_changeset� - "� � � � ��6U���6U�.kaya-upload-form {
display:flex;
justify-content:center;
margin:40px 0;
}
.kaya-card {
width:100%;
max-width:650px;
background:#ffffff;
padding:40px;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.08);
}
.kaya-title {
text-align:center;
margin-bottom:25px;
font-size:24px;
font-weight:600;
}
.kaya-fields {
display:flex;
flex-direction:column;
gap:15px;
margin-bottom:25px;
}
.kaya-fields input,
.kaya-fields select {
padding:12px 15px;
border:1px solid #ddd;
border-radius:10px;
font-size:14px;
}
.kaya-drop-area {
border:2px dashed #5b7cfa;
border-radius:16px;
padding:40px;
text-align:center;
cursor:pointer;
transition:0.3s;
background:#f9fbff;
}
.kaya-drop-area:hover {
background:#eef2ff;
}
.kaya-drop-content p {
font-size:18px;
margin:10px 0;
}
.kaya-drop-content span {
display:block;
margin:10px 0;
color:#888;
}
.kaya-icon {
font-size:40px;
}
.kaya-upload-btn {
background:#4f6df5;
color:white;
border:none;
padding:12px 30px;
border-radius:10px;
font-weight:600;
cursor:pointer;
}
.kaya-upload-btn:hover {
background:#3d57cc;
}
.kaya-submit {
margin-top:25px;
width:100%;
padding:14px;
background:#111827;
color:white;
border:none;
border-radius:12px;
font-size:15px;
font-weight:600;
cursor:pointer;
}
.kaya-submit:hover {
background:#000;
}
/* ===== Invoice PDF + QR Layout ===== */
.single-post .pdf-wrapper {
display: flex;
gap: 40px;
align-items: flex-start;
margin-top: 30px;
}
/* Left side (PDF) */
.single-post .pdf-view {
flex: 1 1 70%;
}
/* Right side (QR) */
.single-post .pdf-qr {
flex: 0 0 300px;
text-align: center;
background: #ffffff;
padding: 20px;
border-radius: 14px;
box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
/* Clean QR image */
.single-post .pdf-qr img {
max-width: 220px;
width: 100%;
height: auto;
}
/* Hide long ugly raw URL text */
.single-post .pdf-qr p[style*="word-break"] {
display: none;
}
/* ===== Mobile ===== */
@media (max-width: 768px) {
.single-post .pdf-wrapper {
flex-direction: column;
gap: 25px;
}
.single-post .pdf-qr {
width: 100%;
}
}kadenceinheritclosedclosed81-revision-v1��6U���6U� Qhttps://website.ipohserver.com/INVOICE/?p=149� revision� a $ � � � ��6Vi��6Vi{
"custom_css[kadence]": {
"value": ".kaya-upload-form {\n display:flex;\n justify-content:center;\n margin:40px 0;\n}\n\n.kaya-card {\n width:100%;\n max-width:650px;\n background:#ffffff;\n padding:40px;\n border-radius:20px;\n box-shadow:0 20px 50px rgba(0,0,0,0.08);\n}\n\n.kaya-title {\n text-align:center;\n margin-bottom:25px;\n font-size:24px;\n font-weight:600;\n}\n\n.kaya-fields {\n display:flex;\n flex-direction:column;\n gap:15px;\n margin-bottom:25px;\n}\n\n.kaya-fields input,\n.kaya-fields select {\n padding:12px 15px;\n border:1px solid #ddd;\n border-radius:10px;\n font-size:14px;\n}\n\n.kaya-drop-area {\n border:2px dashed #5b7cfa;\n border-radius:16px;\n padding:40px;\n text-align:center;\n cursor:pointer;\n transition:0.3s;\n background:#f9fbff;\n}\n\n.kaya-drop-area:hover {\n background:#eef2ff;\n}\n\n.kaya-drop-content p {\n font-size:18px;\n margin:10px 0;\n}\n\n.kaya-drop-content span {\n display:block;\n margin:10px 0;\n color:#888;\n}\n\n.kaya-icon {\n font-size:40px;\n}\n\n.kaya-upload-btn {\n background:#4f6df5;\n color:white;\n border:none;\n padding:12px 30px;\n border-radius:10px;\n font-weight:600;\n cursor:pointer;\n}\n\n.kaya-upload-btn:hover {\n background:#3d57cc;\n}\n\n.kaya-submit {\n margin-top:25px;\n width:100%;\n padding:14px;\n background:#111827;\n color:white;\n border:none;\n border-radius:12px;\n font-size:15px;\n font-weight:600;\n cursor:pointer;\n}\n\n.kaya-submit:hover {\n background:#000;\n}\n\n/* ===== Invoice PDF + QR Layout ===== */\n\n.single-post .pdf-wrapper {\n display: flex;\n gap: 40px;\n align-items: flex-start;\n margin-top: 30px;\n}\n\n/* Left side (PDF) */\n.single-post .pdf-view {\n flex: 1 1 70%;\n}\n\n/* Right side (QR) */\n.single-post .pdf-qr {\n flex: 0 0 300px;\n text-align: center;\n background: #ffffff;\n padding: 20px;\n border-radius: 14px;\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n}\n\n/* Clean QR image */\n.single-post .pdf-qr img {\n max-width: 220px;\n width: 100%;\n height: auto;\n}\n\n/* Hide long ugly raw URL text */\n.single-post .pdf-qr p[style*=\"word-break\"] {\n display: none;\n}\n\n/* ===== Mobile ===== */\n@media (max-width: 768px) {\n .single-post .pdf-wrapper {\n flex-direction: column;\n gap: 25px;\n }\n\n .single-post .pdf-qr {\n width: 100%;\n }\n}\n\n/* FORCE 2-column layout for PDF + QR on single posts/pages */\nbody.single .entry-content .pdf-wrapper,\nbody.single-post .entry-content .pdf-wrapper{\n display: flex !important;\n flex-wrap: nowrap !important; /* prevent QR dropping */\n gap: 28px !important;\n align-items: flex-start !important;\n}\n\n/* Left (PDF) takes remaining space */\nbody.single .entry-content .pdf-view,\nbody.single-post .entry-content .pdf-view{\n flex: 1 1 auto !important;\n min-width: 0 !important; /* IMPORTANT: allows flex child to shrink */\n}\n\n/* Make the PDF viewer/canvas responsive (your inline width is breaking it) */\nbody.single .entry-content .pdf-viewer,\nbody.single-post .entry-content .pdf-viewer{\n width: 100% !important;\n max-width: 100% !important;\n}\n\nbody.single .entry-content canvas.pdf-canvas,\nbody.single-post .entry-content canvas.pdf-canvas{\n width: 100% !important; /* override inline width:730px */\n height: auto !important; /* keep aspect */\n display: block !important;\n}\n\n/* Right (QR) fixed column */\nbody.single .entry-content .pdf-qr,\nbody.single-post .entry-content .pdf-qr{\n flex: 0 0 320px !important;\n width: 320px !important;\n max-width: 320px !important;\n text-align: center !important;\n\n background: #fff !important;\n border: 1px solid #e5e7eb !important;\n border-radius: 14px !important;\n padding: 16px !important;\n}\n\n/* QR image sizing */\nbody.single .entry-content .pdf-qr img,\nbody.single-post .entry-content .pdf-qr img{\n width: 100% !important;\n max-width: 240px !important;\n height: auto !important;\n}\n\n/* Optional: hide the long raw URL text under QR */\nbody.single .entry-content .pdf-qr p[style*=\"word-break\"],\nbody.single-post .entry-content .pdf-qr p[style*=\"word-break\"]{\n display: none !important;\n}\n\n/* Mobile stack */\n@media (max-width: 900px){\n body.single .entry-content .pdf-wrapper,\n body.single-post .entry-content .pdf-wrapper{\n flex-direction: column !important;\n }\n\n body.single .entry-content .pdf-qr,\n body.single-post .entry-content .pdf-qr{\n width: 100% !important;\n max-width: 100% !important;\n flex: 0 0 auto !important;\n }\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-02-27 05:25:41"
}
}trashclosedclosedf356fbf9-c5d2-4d83-9ac5-7ae5fdc5eb33��6Vi��6Vi https://website.ipohserver.com/INVOICE/index.php/2026/02/27/f356fbf9-c5d2-4d83-9ac5-7ae5fdc5eb33/� customize_changeset� - �� ( � � ��6Vi��6Vi.kaya-upload-form {
display:flex;
justify-content:center;
margin:40px 0;
}
.kaya-card {
width:100%;
max-width:650px;
background:#ffffff;
padding:40px;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.08);
}
.kaya-title {
text-align:center;
margin-bottom:25px;
font-size:24px;
font-weight:600;
}
.kaya-fields {
display:flex;
flex-direction:column;
gap:15px;
margin-bottom:25px;
}
.kaya-fields input,
.kaya-fields select {
padding:12px 15px;
border:1px solid #ddd;
border-radius:10px;
font-size:14px;
}
.kaya-drop-area {
border:2px dashed #5b7cfa;
border-radius:16px;
padding:40px;
text-align:center;
cursor:pointer;
transition:0.3s;
background:#f9fbff;
}
.kaya-drop-area:hover {
background:#eef2ff;
}
.kaya-drop-content p {
font-size:18px;
margin:10px 0;
}
.kaya-drop-content span {
display:block;
margin:10px 0;
color:#888;
}
.kaya-icon {
font-size:40px;
}
.kaya-upload-btn {
background:#4f6df5;
color:white;
border:none;
padding:12px 30px;
border-radius:10px;
font-weight:600;
cursor:pointer;
}
.kaya-upload-btn:hover {
background:#3d57cc;
}
.kaya-submit {
margin-top:25px;
width:100%;
padding:14px;
background:#111827;
color:white;
border:none;
border-radius:12px;
font-size:15px;
font-weight:600;
cursor:pointer;
}
.kaya-submit:hover {
background:#000;
}
/* ===== Invoice PDF + QR Layout ===== */
.single-post .pdf-wrapper {
display: flex;
gap: 40px;
align-items: flex-start;
margin-top: 30px;
}
/* Left side (PDF) */
.single-post .pdf-view {
flex: 1 1 70%;
}
/* Right side (QR) */
.single-post .pdf-qr {
flex: 0 0 300px;
text-align: center;
background: #ffffff;
padding: 20px;
border-radius: 14px;
box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
/* Clean QR image */
.single-post .pdf-qr img {
max-width: 220px;
width: 100%;
height: auto;
}
/* Hide long ugly raw URL text */
.single-post .pdf-qr p[style*="word-break"] {
display: none;
}
/* ===== Mobile ===== */
@media (max-width: 768px) {
.single-post .pdf-wrapper {
flex-direction: column;
gap: 25px;
}
.single-post .pdf-qr {
width: 100%;
}
}
/* FORCE 2-column layout for PDF + QR on single posts/pages */
body.single .entry-content .pdf-wrapper,
body.single-post .entry-content .pdf-wrapper{
display: flex !important;
flex-wrap: nowrap !important; /* prevent QR dropping */
gap: 28px !important;
align-items: flex-start !important;
}
/* Left (PDF) takes remaining space */
body.single .entry-content .pdf-view,
body.single-post .entry-content .pdf-view{
flex: 1 1 auto !important;
min-width: 0 !important; /* IMPORTANT: allows flex child to shrink */
}
/* Make the PDF viewer/canvas responsive (your inline width is breaking it) */
body.single .entry-content .pdf-viewer,
body.single-post .entry-content .pdf-viewer{
width: 100% !important;
max-width: 100% !important;
}
body.single .entry-content canvas.pdf-canvas,
body.single-post .entry-content canvas.pdf-canvas{
width: 100% !important; /* override inline width:730px */
height: auto !important; /* keep aspect */
display: block !important;
}
/* Right (QR) fixed column */
body.single .entry-content .pdf-qr,
body.single-post .entry-content .pdf-qr{
flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
text-align: center !important;
background: #fff !important;
border: 1px solid #e5e7eb !important;
border-radius: 14px !important;
padding: 16px !important;
}
/* QR image sizing */
body.single .entry-content .pdf-qr img,
body.single-post .entry-content .pdf-qr img{
width: 100% !important;
max-width: 240px !important;
height: auto !important;
}
/* Optional: hide the long raw URL text under QR */
body.single .entry-content .pdf-qr p[style*="word-break"],
body.single-post .entry-content .pdf-qr p[style*="word-break"]{
display: none !important;
}
/* Mobile stack */
@media (max-width: 900px){
body.single .entry-content .pdf-wrapper,
body.single-post .entry-content .pdf-wrapper{
flex-direction: column !important;
}
body.single .entry-content .pdf-qr,
body.single-post .entry-content .pdf-qr{
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
}
}kadenceinheritclosedclosed81-revision-v1��6Vi��6Vi Qhttps://website.ipohserver.com/INVOICE/?p=151� revision� p cY�8�7d%w � �5E� � 5 �&�� B ,infimum supremum a $ � - �� � � ��6Vi��6Vi.kaya-upload-form {
display:flex;
justify-content:center;
margin:40px 0;
}
.kaya-card {
width:100%;
max-width:650px;
background:#ffffff;
padding:40px;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.08);
}
.kaya-title {
text-align:center;
margin-bottom:25px;
font-size:24px;
font-weight:600;
}
.kaya-fields {
display:flex;
flex-direction:column;
gap:15px;
margin-bottom:25px;
}
.kaya-fields input,
.kaya-fields select {
padding:12px 15px;
border:1px solid #ddd;
border-radius:10px;
font-size:14px;
}
.kaya-drop-area {
border:2px dashed #5b7cfa;
border-radius:16px;
padding:40px;
text-align:center;
cursor:pointer;
transition:0.3s;
background:#f9fbff;
}
.kaya-drop-area:hover {
background:#eef2ff;
}
.kaya-drop-content p {
font-size:18px;
margin:10px 0;
}
.kaya-drop-content span {
display:block;
margin:10px 0;
color:#888;
}
.kaya-icon {
font-size:40px;
}
.kaya-upload-btn {
background:#4f6df5;
color:white;
border:none;
padding:12px 30px;
border-radius:10px;
font-weight:600;
cursor:pointer;
}
.kaya-upload-btn:hover {
background:#3d57cc;
}
.kaya-submit {
margin-top:25px;
width:100%;
padding:14px;
background:#111827;
color:white;
border:none;
border-radius:12px;
font-size:15px;
font-weight:600;
cursor:pointer;
}
.kaya-submit:hover {
background:#000;
}
/* ===== Invoice PDF + QR Layout ===== */
.single-post .pdf-wrapper {
display: flex;
gap: 40px;
align-items: flex-start;
margin-top: 30px;
}
/* Left side (PDF) */
.single-post .pdf-view {
flex: 1 1 70%;
}
/* Right side (QR) */
.single-post .pdf-qr {
flex: 0 0 300px;
text-align: center;
background: #ffffff;
padding: 20px;
border-radius: 14px;
box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
/* Clean QR image */
.single-post .pdf-qr img {
max-width: 220px;
width: 100%;
height: auto;
}
/* Hide long ugly raw URL text */
.single-post .pdf-qr p[style*="word-break"] {
display: none;
}
/* ===== Mobile ===== */
@media (max-width: 768px) {
.single-post .pdf-wrapper {
flex-direction: column;
gap: 25px;
}
.single-post .pdf-qr {
width: 100%;
}
}
/* FORCE 2-column layout for PDF + QR on single posts/pages */
body.single .entry-content .pdf-wrapper,
body.single-post .entry-content .pdf-wrapper{
display: flex !important;
flex-wrap: nowrap !important; /* prevent QR dropping */
gap: 28px !important;
align-items: flex-start !important;
}
/* Left (PDF) takes remaining space */
body.single .entry-content .pdf-view,
body.single-post .entry-content .pdf-view{
flex: 1 1 auto !important;
min-width: 0 !important; /* IMPORTANT: allows flex child to shrink */
}
/* Make the PDF viewer/canvas responsive (your inline width is breaking it) */
body.single .entry-content .pdf-viewer,
body.single-post .entry-content .pdf-viewer{
width: 100% !important;
max-width: 100% !important;
}
body.single .entry-content canvas.pdf-canvas,
body.single-post .entry-content canvas.pdf-canvas{
width: 100% !important; /* override inline width:730px */
height: auto !important; /* keep aspect */
display: block !important;
}
/* Right (QR) fixed column */
body.single .entry-content .pdf-qr,
body.single-post .entry-content .pdf-qr{
flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
text-align: center !important;
background: #fff !important;
border: 1px solid #e5e7eb !important;
border-radius: 14px !important;
padding: 16px !important;
}
/* QR image sizing */
body.single .entry-content .pdf-qr img,
body.single-post .entry-content .pdf-qr img{
width: 100% !important;
max-width: 240px !important;
height: auto !important;
}
/* Optional: hide the long raw URL text under QR */
body.single .entry-content .pdf-qr p[style*="word-break"],
body.single-post .entry-content .pdf-qr p[style*="word-break"]{
display: none !important;
}
/* Mobile stack */
@media (max-width: 900px){
body.single .entry-content .pdf-wrapper,
body.single-post .entry-content .pdf-wrapper{
flex-direction: column !important;
}
body.single .entry-content .pdf-qr,
body.single-post .entry-content .pdf-qr{
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
}
}kadenceinheritclosedclosed81-revision-v1��6Vi��6Vi Qhttps://website.ipohserver.com/INVOICE/?p=151� revision� a $ چ �� - ׅ (�� � � ��6Vę�6V�.kaya-upload-form {
display:flex;
justify-content:center;
margin:40px 0;
}
.kaya-card {
width:100%;
max-width:650px;
background:#ffffff;
padding:40px;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.08);
}
.kaya-title {
text-align:center;
margin-bottom:25px;
font-size:24px;
font-weight:600;
}
.kaya-fields {
display:flex;
flex-direction:column;
gap:15px;
margin-bottom:25px;
}
.kaya-fields input,
.kaya-fields select {
padding:12px 15px;
border:1px solid #ddd;
border-radius:10px;
font-size:14px;
}
.kaya-drop-area {
border:2px dashed #5b7cfa;
border-radius:16px;
padding:40px;
text-align:center;
cursor:pointer;
transition:0.3s;
background:#f9fbff;
}
.kaya-drop-area:hover {
background:#eef2ff;
}
.kaya-drop-content p {
font-size:18px;
margin:10px 0;
}
.kaya-drop-content span {
display:block;
margin:10px 0;
color:#888;
}
.kaya-icon {
font-size:40px;
}
.kaya-upload-btn {
background:#4f6df5;
color:white;
border:none;
padding:12px 30px;
border-radius:10px;
font-weight:600;
cursor:pointer;
}
.kaya-upload-btn:hover {
background:#3d57cc;
}
.kaya-submit {
margin-top:25px;
width:100%;
padding:14px;
background:#111827;
color:white;
border:none;
border-radius:12px;
font-size:15px;
font-weight:600;
cursor:pointer;
}
.kaya-submit:hover {
background:#000;
}
kadenceinheritclosedclosed81-revision-v1��6Vę�6V� Qhttps://website.ipohserver.com/INVOICE/?p=153� revision� p c� �5+p� �,��E� � <r� t� B )infimum supremum - ^� � � ��6g陹6g�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6g陹6g� Zhttps://website.ipohserver.com/INVOICE/?p=155� revision� - ^� � � ��6g陹6g�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6g陹6g� Zhttps://website.ipohserver.com/INVOICE/?p=156� revision� - � � � � ��6g陹6g�<h2>Invoice Upload</h2> <p>Upload invoice PDF and generate QR instantly</p> <h2>UPLOAD PORTAL</h2> <h2>Upload PDF. Get QR. Done</h2> <p>Files are automatically organized into folder by category and published as a page with PDF viewer + QR</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>Home Pageinheritclosedclosed90-revision-v1��6g陹6g� Zhttps://website.ipohserver.com/INVOICE/?p=157� revision� D /�% (� D /� 0� D �� 8{ D �� @ - � H� � � ��6t{��6t{<h2>Invoice Upload</h2> <p>Upload invoice PDF and generate QR instantly</p> <h2>UPLOAD PORTAL</h2> <h2>Upload PDF. Get QR. Done</h2> <p>Files are automatically organized into folder by category and published as a page with PDF viewer + QR</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>Home Pageinheritclosedclosed90-revision-v1��6t{��6t{ Zhttps://website.ipohserver.com/INVOICE/?p=163� revision� - � P� � � ��6t{��6t{<h2>Invoice Upload</h2> <p>Upload invoice PDF and generate QR instantly</p> <h2>UPLOAD PORTAL</h2> <h2>Upload PDF. Get QR. Done</h2> <p>Files are automatically organized into folder by category and published as a page with PDF viewer + QR</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>Home Pageinheritclosedclosed90-revision-v1��6t{��6t{ Zhttps://website.ipohserver.com/INVOICE/?p=164� revision� - � Xɦ � � ��6t���6t�<h2>Invoice Upload</h2> <p>Upload invoice PDF and generate QR instantly</p> <h2>UPLOAD PORTAL</h2> <h2>Upload PDF. Get QR. Done</h2> <p>Files are automatically organized into folder by category and published as a page with PDF viewer + QR</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>Home Pageinheritclosedclosed90-revision-v1��6t���6t� Zhttps://website.ipohserver.com/INVOICE/?p=165� revision� p c�,��o��W Y��*E� � 8H� -F B )infimum supremum - � � � � ��6v8��6v8<h2>Invoice Upload</h2> <p>Upload invoice PDF and generate QR instantly</p> <h2>UPLOAD PORTAL</h2> <h2>Upload PDF. Get QR. Done</h2> <p>Files are automatically organized into folder by category and published as a page with PDF viewer + QR</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>Home Pageinheritclosedclosed90-revision-v1��6v8��6v8 Zhttps://website.ipohserver.com/INVOICE/?p=167� revision� - � � � � ��6v8��6v8<h2>Invoice Upload</h2> <p>Upload invoice PDF and generate QR instantly</p> <h2>UPLOAD PORTAL</h2> <h2>Upload PDF. Get QR. Done</h2> <p>Files are automatically organized into folder by category and published as a page with PDF viewer + QR</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>Home Pageinheritclosedclosed90-revision-v1��6v8��6v8 Zhttps://website.ipohserver.com/INVOICE/?p=168� revision� - ^� � � ��6v8��6v8<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6v8��6v8 Zhttps://website.ipohserver.com/INVOICE/?p=169� revision� - ^� ( � � ��6vU��6vU<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6vU��6vU Zhttps://website.ipohserver.com/INVOICE/?p=170� revision� - ^� 0 � � ��6vU��6vU<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6vU��6vU Zhttps://website.ipohserver.com/INVOICE/?p=171� revision� - ^� 8�* � � ��6vV��6vV<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6vV��6vV Zhttps://website.ipohserver.com/INVOICE/?p=172� revision� p cY��*�:Z �fD�E� � ?�!�� B )infimum supremum - ^� � � ��6vp��6vp<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6vp��6vp Zhttps://website.ipohserver.com/INVOICE/?p=173� revision� - ^� � � ��6vp��6vp<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6vp��6vp Zhttps://website.ipohserver.com/INVOICE/?p=174� revision� - ^� %� � � ��6vp��6vp<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��6vp��6vp Zhttps://website.ipohserver.com/INVOICE/?p=175� revision� 3 $ (� -
0 � � � ��6w���6w�Login Pageinheritclosedclosed177-revision-v1��6w���6w� �https://website.ipohserver.com/INVOICE/?p=178� revision� -
8 � � � ��6x ��6x Login Pageinheritclosedclosed177-revision-v1��6x ��6x �https://website.ipohserver.com/INVOICE/?p=179� revision� -
@ � � � ��6x ��6x Login Pageinheritclosedclosed177-revision-v1��6x ��6x �https://website.ipohserver.com/INVOICE/?p=180� revision� -
H� � � ��6x ��6x <p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6x ��6x �https://website.ipohserver.com/INVOICE/?p=181� revision� -
P�7 � � ��6xB��6xB<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6xB��6xB �https://website.ipohserver.com/INVOICE/?p=182� revision� -
X� � � ��6xB��6xB<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6xB��6xB �https://website.ipohserver.com/INVOICE/?p=183� revision� -
3� `� � � ��6xB��6xB<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6xB��6xB �https://website.ipohserver.com/INVOICE/?p=184� revision� - h � � � ��6x���6x�Logininheritclosedclosed176-revision-v1��6x���6x� �https://website.ipohserver.com/INVOICE/?p=185� revision� -
3� p� � � ��6yڙ�6y�<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6yڙ�6y� �https://website.ipohserver.com/INVOICE/?p=187� revision� -
3� x� � � ��6yڙ�6y�<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6yڙ�6y� �https://website.ipohserver.com/INVOICE/?p=188� revision� -
3� �� � � ��6yڙ�6y�<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6yڙ�6y� �https://website.ipohserver.com/INVOICE/?p=189� revision� -
3� �� � � ��6zޙ�6z�<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6zޙ�6z� �https://website.ipohserver.com/INVOICE/?p=191� revision� -
3� �� � � ��6zޙ�6z�<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6zޙ�6z� �https://website.ipohserver.com/INVOICE/?p=192� revision� -
�� �Y � � ��6zޙ�6z�<h1>Invoice Upload</h1> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6zޙ�6z� �https://website.ipohserver.com/INVOICE/?p=193� revision� -
�� �Y � �r ��6}w��6}w<h1>Invoice Upload</h1> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6}w��6}w �https://website.ipohserver.com/INVOICE/?p=194� revision� -
�� � � �'~ ��6}w��6}w<h1>Invoice Upload</h1> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6}w��6}w �https://website.ipohserver.com/INVOICE/?p=195� revision� 3
�� ��� � � ��6w�6w�<h2>Invoice & CRM PDF Upload</h2> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pagepublishclosedclosedlogin-page��6�h��6�h https://website.ipohserver.com/INVOICE/?page_id=177� page� p1� p$�<� c�fD�|�l �,�YE� � ;�� 5(Q B )infimum supremum -
� � � ��6xB��6xB<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6xB��6xB �https://website.ipohserver.com/INVOICE/?p=183� revision� -
3� � � � ��6xB��6xB<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6xB��6xB �https://website.ipohserver.com/INVOICE/?p=184� revision� - -
3� (� � � ��6yڙ�6y�<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6yڙ�6y� �https://website.ipohserver.com/INVOICE/?p=187� revision� -
3� 0� � � ��6yڙ�6y�<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6yڙ�6y� �https://website.ipohserver.com/INVOICE/?p=188� revision� -
3� 8� � � ��6yڙ�6y�<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6yڙ�6y� �https://website.ipohserver.com/INVOICE/?p=189� revision� -
3� @� � � ��6zޙ�6z�<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6zޙ�6z� �https://website.ipohserver.com/INVOICE/?p=191� revision� -
3� H� � � ��6zޙ�6z�<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=d16ce22de4" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6zޙ�6z� �https://website.ipohserver.com/INVOICE/?p=192� revision� -
�� PY � � ��6zޙ�6z�<h1>Invoice Upload</h1> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6zޙ�6z� �https://website.ipohserver.com/INVOICE/?p=193� revision� -
�� XY � � ��6}w��6}w<h1>Invoice Upload</h1> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6}w��6}w �https://website.ipohserver.com/INVOICE/?p=194� revision� -
�� `Y � � ��6}w��6}w<h1>Invoice Upload</h1> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6}w��6}w �https://website.ipohserver.com/INVOICE/?p=195� revision� -
�� hq � � ��6}w��6}w<h1>Invoice & CRM PDF Upload</h1> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6}w��6}w �https://website.ipohserver.com/INVOICE/?p=196� revision� -
�� pq � � ��6���6�<h1>Invoice & CRM PDF Upload</h1> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6���6� �https://website.ipohserver.com/INVOICE/?p=197� revision� -
�� xq � � ��6���6�<h1>Invoice & CRM PDF Upload</h1> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6���6� �https://website.ipohserver.com/INVOICE/?p=198� revision� -
�� �q � � ��6���6�<h2>Invoice & CRM PDF Upload</h2> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6���6� �https://website.ipohserver.com/INVOICE/?p=199� revision� -
�� �q � � ��6�4��6�4<h2>Invoice & CRM PDF Upload</h2> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6�4��6�4 �https://website.ipohserver.com/INVOICE/?p=200� revision� -
�� �q � � ��6�4��6�4<h2>Invoice & CRM PDF Upload</h2> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6�4��6�4 �https://website.ipohserver.com/INVOICE/?p=201� revision� -
�� �q � � ��6�4��6�4<h2>Invoice & CRM PDF Upload</h2> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6�4��6�4 �https://website.ipohserver.com/INVOICE/?p=202� revision� -
�� �q � � ��6�X��6�X<h2>Invoice & CRM PDF Upload</h2> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6�X��6�X �https://website.ipohserver.com/INVOICE/?p=203� revision� -
�� �q � � ��6�X��6�X<h2>Invoice & CRM PDF Upload</h2> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6�X��6�X �https://website.ipohserver.com/INVOICE/?p=204� revision� -
�� �q � � ��6�X��6�X<h2>Invoice & CRM PDF Upload</h2> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6�X��6�X �https://website.ipohserver.com/INVOICE/?p=205� revision� -
�� �q � � ��6�h��6�h<h2>Invoice & CRM PDF Upload</h2> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6�h��6�h �https://website.ipohserver.com/INVOICE/?p=206� revision� -
�� �q � � ��6�h��6�h<h2>Invoice & CRM PDF Upload</h2> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6�h��6�h �https://website.ipohserver.com/INVOICE/?p=207� revision� -
�� � � � ��6�h��6�h<h2>Invoice & CRM PDF Upload</h2> <p>Upload your invoice & CRM PDF, generate a QR, and publish a page instantly</p>
<p>You are currently logged in as User01. <a href="https://website.ipohserver.com/INVOICE/wp-login.php?action=logout&redirect_to=https%3A%2F%2Fwebsite.ipohserver.com%2FINVOICE%2Findex.php%2Flogin-page%2F&_wpnonce=7e75641839" title="Log out of this account">Log out »</a></p><!-- .wppb-alert-->Login Pageinheritclosedclosed177-revision-v1��6�h��6�h �https://website.ipohserver.com/INVOICE/?p=208� revision� G
�� �Z C �� �ˈ p(� /k s c�,�Y̍� �,��E� �
4N�+ ) B /�infimum supremum 8 �� i � � ��D]���D]�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload]INVOICEpublishclosedclosedinvoice��D]���D]� https://invoice.webstation.my/?elementor_library=invoice� elementor_library� $ � � � ��D]���D]�INVOICEinheritclosedclosed226-revision-v1��D]���D]� �https://invoice.webstation.my/?p=227� revision� $ �� U � � ��D]���D]�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload]INVOICEinheritclosedclosed226-revision-v1��D]���D]� �https://invoice.webstation.my/?p=228� revision� ? �� (� � � ��D`���D`�<h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>INVOICE HOME 2publishclosedclosedinvoice-home-2��D`���D`� https://invoice.webstation.my/?elementor_library=invoice-home-2� elementor_library� $ 0 � � � ��D`���D`�INVOICE HOME 2inheritclosedclosed229-revision-v1��D`���D`� �https://invoice.webstation.my/?p=230� revision� $ �� 8h � � ��D`���D`�<h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>INVOICE HOME 2inheritclosedclosed229-revision-v1��D`���D`� �https://invoice.webstation.my/?p=231� revision� * @ � � � ��Fh���Fh�Form & PDFpublishclosedclosedform-pdf��Fz͙�Fz� https://invoice.webstation.my/?page_id=234� page� $ H � � � ��Fd,��Fd,Form & PDFinheritclosedclosed234-revision-v1��Fd,��Fd, �https://invoice.webstation.my/?p=235� revision� $ P � � � ��Fhę�Fh�Form & PDFinheritclosedclosed234-revision-v1��Fhę�Fh� �https://invoice.webstation.my/?p=236� revision� $ X � � � ��Fhę�Fh�Form & PDFinheritclosedclosed234-revision-v1��Fhę�Fh� �https://invoice.webstation.my/?p=237� revision� $ ` � � � ��Fhę�Fh�Form & PDFinheritclosedclosed234-revision-v1��Fhę�Fh� �https://invoice.webstation.my/?p=238� revision� $ h � � � ��Fi��FiForm & PDFinheritclosedclosed234-revision-v1��Fi��Fi �https://invoice.webstation.my/?p=239� revision� $ p � � � ��Fi��FiForm & PDFinheritclosedclosed234-revision-v1��Fi��Fi �https://invoice.webstation.my/?p=240� revision� $ x � � � ��Fi��FiForm & PDFinheritclosedclosed234-revision-v1��Fi��Fi �https://invoice.webstation.my/?p=241� revision� $ � � � � ��Fi��FiForm & PDFinheritclosedclosed234-revision-v1��Fi��Fi �https://invoice.webstation.my/?p=242� revision� $ � � � � ��Fi��FiForm & PDFinheritclosedclosed234-revision-v1��Fi��Fi �https://invoice.webstation.my/?p=243� revision� $ � � � � ��Fi��FiForm & PDFinheritclosedclosed234-revision-v1��Fi��Fi �https://invoice.webstation.my/?p=244� revision� E � � � � ��Fiu� Postcode City State Dropdowndraftclosedclosed��Fiu��Fiu https://invoice.webstation.my/?post_type=elementor_snippet&p=245� elementor_snippet� $ � � � � ��Fu���Fu�Form & PDFinheritclosedclosed234-revision-v1��Fu���Fu� �https://invoice.webstation.my/?p=247� revision� $ � � � � ��Fu���Fu�Form & PDFinheritclosedclosed234-revision-v1��Fu���Fu� �https://invoice.webstation.my/?p=248� revision� $ � � � � ��Fu���Fu�Form & PDFinheritclosedclosed234-revision-v1��Fu���Fu� �https://invoice.webstation.my/?p=249� revision� $ � � � � ��Fv7��Fv7Form & PDFinheritclosedclosed234-revision-v1��Fv7��Fv7 �https://invoice.webstation.my/?p=250� revision� $ � � � � ��Fv7��Fv7Form & PDFinheritclosedclosed234-revision-v1��Fv7��Fv7 �https://invoice.webstation.my/?p=251� revision� $ � � � � ��Fv7��Fv7Form & PDFinheritclosedclosed234-revision-v1��Fv7��Fv7 �https://invoice.webstation.my/?p=252� revision� $ � � � � ��Fw��FwForm & PDFinheritclosedclosed234-revision-v1��Fw��Fw �https://invoice.webstation.my/?p=253� revision� $ � � � � ��Fw��FwForm & PDFinheritclosedclosed234-revision-v1��Fw��Fw �https://invoice.webstation.my/?p=254� revision� $ � � � � ��Fw��FwForm & PDFinheritclosedclosed234-revision-v1��Fw��Fw �https://invoice.webstation.my/?p=255� revision� $ � � � ��Fy�Fy�Form & PDFinheritclosedclosed234-revision-v1��Fy�Fy� �https://invoice.webstation.my/?p=256� revision� $ � � � ��Fy�Fy�Form & PDFinheritclosedclosed234-revision-v1��Fy�Fy� �https://invoice.webstation.my/?p=257� revision� $ � � � ��Fy�Fy�Form & PDFinheritclosedclosed234-revision-v1��Fy�Fy� �https://invoice.webstation.my/?p=258� revision� * � � ��Fz��Fz[ac_certificate_view]certificatepublishclosedclosedcertificate��Fz���Fz� https://invoice.webstation.my/?page_id=259� page� $ � � ��Fz��Fzcertificateinheritclosedclosed259-revision-v1��Fz��Fz https://invoice.webstation.my/?p=260� revision� $ � � ��Fz���Fz�certificateinheritclosedclosed259-revision-v1��Fz���Fz� https://invoice.webstation.my/?p=261� revision� $ � � ��Fz���Fz�certificateinheritclosedclosed259-revision-v1��Fz���Fz� https://invoice.webstation.my/?p=262� revision� $ � � ��Fz���Fz�[ac_certificate_view]certificateinheritclosedclosed259-revision-v1��Fz���Fz� https://invoice.webstation.my/?p=263� revision� $ ( � � ��Fz̙�Fz�Form & PDFinheritclosedclosed234-revision-v1��Fz̙�Fz� �https://invoice.webstation.my/?p=264� revision� $ 0 � � ��Fz̙�Fz�Form & PDFinheritclosedclosed234-revision-v1��Fz̙�Fz� �https://invoice.webstation.my/?p=265� revision� $ 8��
� ��Fz͙�Fz�Form & PDFinheritclosedclosed234-revision-v1��Fz͙�Fz� �https://invoice.webstation.my/?p=266� revision�
Z @ � � � ��8"��8"invoice-website-logoinheritopenclosedinvoice-website-logo��8"��8" https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/invoice-website-logo.png� attachmentimage/png�
b b H� � � ��8"
��8"
https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/cropped-invoice-website-logo.pngcropped-invoice-website-logo.pnginheritopenclosedcropped-invoice-website-logo-png��8"
��8"
�https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/cropped-invoice-website-logo.png� attachmentimage/png�
d " "d Pͳ � � ��8"���8"�https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/cropped-invoice-website-logo-1.pngcropped-invoice-website-logo-1.pnginheritopenclosedcropped-invoice-website-logo-1-png��8"���8"� �https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/cropped-invoice-website-logo-1.png� attachmentimage/png� p+f(�%�"� � O � c�,�� X�$ �fG<E� � ;�� �*" B �infimum supremum - $ � $h - $ �� �H - $ � � - $
��$ ( a $ � 0��
Z 8 � � � ��8"��8"invoice-website-logoinheritopenclosedinvoice-website-logo��8"��8" https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/invoice-website-logo.png� attachmentimage/png�
b b @� � � ��8"
��8"
https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/cropped-invoice-website-logo.pngcropped-invoice-website-logo.pnginheritopenclosedcropped-invoice-website-logo-png��8"
��8"
�https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/cropped-invoice-website-logo.png� attachmentimage/png�
d " "d H � � ��8"���8"�https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/cropped-invoice-website-logo-1.pngcropped-invoice-website-logo-1.pnginheritopenclosedcropped-invoice-website-logo-1-png��8"���8"� �https://website.ipohserver.com/INVOICE/wp-content/uploads/2026/02/cropped-invoice-website-logo-1.png� attachmentimage/png� - $ )�$ P�� >
k� X) = �� `_ < �� h�� 8
t� pѼ � � ��8Wz��8Wz<div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/pgbvt5zo9jio4hjfkqvr.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/pgbvt5zo9jio4hjfkqvr.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/pgbvt5zo9jio4hjfkqvr.pdf</div></div></div></div>8000trashopenopen8000__trashed��R( ��R( https://invoice.webstation.my/index.php/2026/02/28/8000/� post� < �� x�� � � ��89Ι�89�<div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/vz8kzwrhghayuw066nug.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/vz8kzwrhghayuw066nug.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/vz8kzwrhghayuw066nug.pdf</div></div></div></div>INV-8877trashopenopeninv-8877__trashed��R( ��R( https://invoice.webstation.my/index.php/2026/02/28/inv-8877/� post� = �� ��� � � ��89V��89V<div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/dh2iilgoxryu1rcirtkgrj9ciqfnw60v.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/dh2iilgoxryu1rcirtkgrj9ciqfnw60v.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/dh2iilgoxryu1rcirtkgrj9ciqfnw60v.pdf</div></div></div></div>INV-44488trashopenopeninv-44488__trashed��R( ��R( https://invoice.webstation.my/index.php/2026/02/28/inv-44488/� post� >
k� ��� � � ��83���83�<div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/QT202506-0051.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/QT202506-0051.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/QT202506-0051.pdf</div></div></div></div>INV-111555trashopenopeninv-111555__trashed��R( ��R( https://invoice.webstation.my/index.php/2026/02/28/inv-111555/� post� p8� c�fG<i�gW A j� �E� � >�� :� B (infimum supremum R :d � ��Fzޙ�Fz�CERT Muhammad Salman Hakimpublishclosedclosedcert-muhammad-salman-hakim��Fzޙ�Fz� https://invoice.webstation.my/index.php/ac_certificate/cert-muhammad-salman-hakim/� ac_certificate� $ t� � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/lfxfyqbd9d2xliytsxxe.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lfxfyqbd9d2xliytsxxe.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/lfxfyqbd9d2xliytsxxe.pdf</div></div></div></div>EATONinheritclosedclosed232-revision-v1��R( ��R( �https://invoice.webstation.my/?p=272� revision� $ t� � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/pgbvt5zo9jio4hjfkqvr.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/pgbvt5zo9jio4hjfkqvr.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/pgbvt5zo9jio4hjfkqvr.pdf</div></div></div></div>8000inheritclosedclosed224-revision-v1��R( ��R( �https://invoice.webstation.my/?p=273� revision� $ �� (/ � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/vz8kzwrhghayuw066nug.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/vz8kzwrhghayuw066nug.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/vz8kzwrhghayuw066nug.pdf</div></div></div></div>INV-8877inheritclosedclosed223-revision-v1��R( ��R( �https://invoice.webstation.my/?p=274� revision� $ �� 0T � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/dh2iilgoxryu1rcirtkgrj9ciqfnw60v.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/dh2iilgoxryu1rcirtkgrj9ciqfnw60v.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/dh2iilgoxryu1rcirtkgrj9ciqfnw60v.pdf</div></div></div></div>INV-44488inheritclosedclosed222-revision-v1��R( ��R( �https://invoice.webstation.my/?p=275� revision� $
k� 8 � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/QT202506-0051.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/QT202506-0051.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/QT202506-0051.pdf</div></div></div></div>INV-111555inheritclosedclosed221-revision-v1��R( ��R( �https://invoice.webstation.my/?p=276� revision� $ �� @. � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/CRM2/FaceID5-BROCHURE.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/CRM2/FaceID5-BROCHURE.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://website.ipohserver.com/INVOICE/FILES/CRM2/FaceID5-BROCHURE.pdf</div></div></div></div>1234inheritclosedclosed211-revision-v1��R( ��R( �https://invoice.webstation.my/?p=277� revision� $
�� H= � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202512_0167-INV.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202512_0167-INV.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202512_0167-INV.pdf</div></div></div></div>INV-123456inheritclosedclosed210-revision-v1��R( ��R( �https://invoice.webstation.my/?p=278� revision� $ �� P5 � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/QT202510-0052.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/QT202510-0052.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://website.ipohserver.com/INVOICE/FILES/INVOICE2/QT202510-0052.pdf</div></div></div></div>INV-0123inheritclosedclosed209-revision-v1��R( ��R( �https://invoice.webstation.my/?p=279� revision� $ �� Xd � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-5.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-5.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-5.pdf</div></div></div></div>QrTest5inheritclosedclosed162-revision-v1��R( ��R( �https://invoice.webstation.my/?p=280� revision� $ �� `d � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v4"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-4.pdf" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-4.pdf" dynamic_content="0"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-4.pdf</div></div></div></div>QrTest4inheritclosedclosed161-revision-v1��R( ��R( �https://invoice.webstation.my/?p=281� revision� $ /� h� � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v3"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-3.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya" data-kaya-qr-fn="QR-QrTest3.png"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-3.pdf" dynamic_content="0"]</div><div class="kaya-inv-actions"><button type="button" class="kaya-inv-btn kaya-inv-btn--pri kaya-inv-qrdownload">Download QR</button></div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-3.pdf</div></div></div></div>QrTest3inheritclosedclosed160-revision-v1��R( ��R( �https://invoice.webstation.my/?p=282� revision� $ /� p� � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v2"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-2.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya" data-kaya-qr-fn="QR-QrTest2.png"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-2.pdf" dynamic_content="0"]</div><div class="kaya-inv-actions"><button type="button" class="kaya-inv-btn kaya-inv-btn--pri kaya-inv-qrdownload">Download QR</button></div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-2.pdf</div></div></div></div>QrTest2inheritclosedclosed159-revision-v1��R( ��R( �https://invoice.webstation.my/?p=283� revision� $ t� x! � ��R( ��R( <div class="kaya-inv-page kaya-inv-page--v1"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-1.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-1.pdf" dynamic_content="0"]</div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH-1.pdf</div></div></div></div>QrTestinheritclosedclosed158-revision-v1��R( ��R( �https://invoice.webstation.my/?p=284� revision� $ �� �L � ��R( ��R(
<div class="kaya-pdf-page">
<div class="kaya-pdf-page__viewer">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf"]
</div>
<div class="kaya-pdf-page__qr">
<div class="kaya-pdf-page__qrbox">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf" dynamic_content="0"]
</div>
<div class="kaya-pdf-page__meta">
<div class="kaya-pdf-page__label">File URL</div>
<div class="kaya-pdf-page__url">https://website.ipohserver.com/INVOICE/FILES/INVOICE2/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf</div>
</div>
</div>
</div>Test2inheritclosedclosed145-revision-v1��R( ��R( �https://invoice.webstation.my/?p=285� revision� $ s� �" � ��R( ��R(
<div class="kaya-pdf-page">
<div class="kaya-pdf-page__viewer">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202511_0001-CS-1.pdf"]
</div>
<div class="kaya-pdf-page__qr">
<div class="kaya-pdf-page__qrbox">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202511_0001-CS-1.pdf" dynamic_content="0"]
</div>
<div class="kaya-pdf-page__meta">
<div class="kaya-pdf-page__label">File URL</div>
<div class="kaya-pdf-page__url">https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202511_0001-CS-1.pdf</div>
</div>
</div>
</div>INV-DDDDinheritclosedclosed136-revision-v1��R( ��R( �https://invoice.webstation.my/?p=286� revision� $ m� � � ��R( ��R(
<div class="kaya-pdf-page">
<div class="kaya-pdf-page__viewer">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202511_0001-CS.pdf"]
</div>
<div class="kaya-pdf-page__qr">
<div class="kaya-pdf-page__qrbox">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202511_0001-CS.pdf" dynamic_content="0"]
</div>
<div class="kaya-pdf-page__meta">
<div class="kaya-pdf-page__label">File URL</div>
<div class="kaya-pdf-page__url">https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202511_0001-CS.pdf</div>
</div>
</div>
</div>INV-DDDDinheritclosedclosed132-revision-v1��R( ��R( �https://invoice.webstation.my/?p=287� revision� $ �� �d � ��R( ��R(
<div class="pdf-wrapper">
<div class="pdf-view">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202508-0023-INV.pdf"]
</div>
<div class="pdf-qr">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202508-0023-INV.pdf" dynamic_content="0"]
<p style="word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/INVOICE2/202508-0023-INV.pdf</p>
</div>
</div>invoiceinheritclosedclosed97-revision-v1��R( ��R( ahttps://invoice.webstation.my/?p=288� revision� $ �� ��� ! � ��R( ��R(
<div class="pdf-wrapper">
<div class="pdf-view">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/CRM2/202512_0014-INV.pdf"]
</div>
<div class="pdf-qr">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/CRM2/202512_0014-INV.pdf" dynamic_content="0"]
<p style="word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/CRM2/202512_0014-INV.pdf</p>
</div>
</div>1234inheritclosedclosed89-revision-v1��R( ��R( Yhttps://invoice.webstation.my/?p=289� revision� e : 8t� �Ɯ � ��J�ٙ�J��<div class="kaya-inv-page kaya-inv-page--v5"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/nyde3xhrm46km4elq2yn.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/nyde3xhrm46km4elq2yn.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]</div><div class="kaya-inv-meta kaya-inv-urlwrap"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/nyde3xhrm46km4elq2yn.pdf</div></div></div></div>#9354 - UNIPLASTER MARKETING SDN.BHD. (ONSITE) -CPU HANGtrashopenopen9354-uniplaster-marketing-sdn-bhd-onsite-cpu-hang__trashed��`�c��`�c https://invoice.webstation.my/index.php/2026/03/05/9354-uniplaster-marketing-sdn-bhd-onsite-cpu-hang/� post� p!��� cj� ��H� � � v0E� � 50��!�
B (infimum supremum R � � ��Fzޙ�Fz�CERT Muhammad Salman Hakimpublishclosedclosedcert-muhammad-salman-hakim��Fzޙ�Fz� https://invoice.webstation.my/index.php/ac_certificate/cert-muhammad-salman-hakim/� ac_certificate� e : 8t� � $ 8A� $ t� ( ! , � ��Zp-��Zp-.kaya-upload-form {
display:flex;
justify-content:center;
margin:40px 0;
}
.kaya-card {
width:100%;
max-width:650px;
background:#ffffff;
padding:40px;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.08);
}
.kaya-title {
text-align:center;
margin-bottom:25px;
font-size:24px;
font-weight:600;
}
.kaya-fields {
display:flex;
flex-direction:column;
gap:15px;
margin-bottom:25px;
}
.kaya-fields input,
.kaya-fields select {
padding:12px 15px;
border:1px solid #ddd;
border-radius:10px;
font-size:14px;
}
.kaya-drop-area {
border:2px dashed #5b7cfa;
border-radius:16px;
padding:40px;
text-align:center;
cursor:pointer;
transition:0.3s;
background:#f9fbff;
}
.kaya-drop-area:hover {
background:#eef2ff;
}
.kaya-drop-content p {
font-size:18px;
margin:10px 0;
}
.kaya-drop-content span {
display:block;
margin:10px 0;
color:#888;
}
.kaya-icon {
font-size:40px;
}
.kaya-upload-btn {
background:#4f6df5;
color:white;
border:none;
padding:12px 30px;
border-radius:10px;
font-weight:600;
cursor:pointer;
}
.kaya-upload-btn:hover {
background:#3d57cc;
}
.kaya-submit {
margin-top:25px;
width:100%;
padding:14px;
background:#111827;
color:white;
border:none;
border-radius:12px;
font-size:15px;
font-weight:600;
cursor:pointer;
}
.kaya-submit:hover {
background:#000;
}
.kaya-webstation-qr{
text-align:center;
background:#fff;
padding:24px 18px;
border:1px solid #e5e7eb;
border-radius:16px;
}
.kaya-webstation-company{
font-size:22px;
font-weight:800;
line-height:1.3;
margin-bottom:6px;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
margin-bottom:8px;
}
.kaya-webstation-contact{
font-size:14px;
line-height:1.6;
margin-bottom:2px;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
margin:18px 0 14px;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
}
.kaya-qr-download-actions{
margin-top:14px;
text-align:center;
}
kadenceinheritclosedclosed81-revision-v1��Zp-��Zp- Qhttps://invoice.webstation.my/?p=300� revision� $ � 0 � . � ��Zrz��Zrz � " & Kkadenceinheritclosedclosed81-revision-v1��Zrz��Zrz Qhttps://invoice.webstation.my/?p=302� revision� : \� 8$
A ă @� 0 � ��Ztə�Zt�document.addEventListener('click', function(e){
const btn = e.target.closest('.kaya-download-qr-btn');
if (!btn) return;
const targetId = btn.getAttribute('data-target');
const filename = btn.getAttribute('data-filename') || 'qr-image.png';
const box = document.getElementById(targetId);
if (!box) {
alert('Download template not found.');
return;
}
if (typeof window.html2canvas !== 'function') {
alert('html2canvas failed to load.');
return;
}
setTimeout(function(){
window.html2canvas(box, {
backgroundColor: '#ffffff',
scale: 2,
useCORS: true,
logging: false
}).then(function(canvas){
const link = document.createElement('a');
link.download = filename;
link.href = canvas.toDataURL('image/png');
link.click();
}).catch(function(err){
console.error(err);
alert('Failed to download QR image.');
});
}, 400);
});Download QRpublishclosedcloseddownload-qr��Z|���Z|� https://invoice.webstation.my/?post_type=custom-css-js&p=304� custom-css-js� $ � H � 2 � ��Zu���Zu� � % & !Okadenceinheritclosedclosed81-revision-v1��Zu���Zu� Qhttps://invoice.webstation.my/?p=306� revision� * P
- 3 � ��Zu�� Snippet Previewdraftclosedclosedxyz-ics-preview-page��Zu�� https://invoice.webstation.my/?page_id=307� page� < �� X
3 $ � ` � 6 � ��Zv���Zv� � ' & Mkadenceinheritclosedclosed81-revision-v1��Zv���Zv� Qhttps://invoice.webstation.my/?p=310� revision� ; m� h $ � p � 9 � ��Zy���Zy� � @ & $�kadenceinheritclosedclosed81-revision-v1��Zy���Zy� Qhttps://invoice.webstation.my/?p=313� revision� $ � x�� < � ��Zz���Zz� � E & $�kadenceinheritclosedclosed81-revision-v1��Zz���Zz� Qhttps://invoice.webstation.my/?p=316� revision� p � c� v0�7�W �������� g�
� !����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 07:09:58"
}
} g�4 !���� # ���E� � 2Z�<�$� [ 4] G infimum supremum ,ac_certificatepublish
(attachmentinherit
(attachmentinherit c
( (attachmentinherit r
0 (attachmentinherit �
8 (attachmentinherit �
@ (attachmentinherit �
H (custom_csspublish Q
P-custom-css-jspublish 0 X
Xpostpublish � `4postpublish � h� p� $ x / % � / & � / ' � / ( � / �� � Xpostdraft � ���postdraft � �j �+�postpublish � �*(postpublish � �� �� �� �� �� ��� �� �� �� �� �� (�� 0�� 8�� @�� H�� P�� X�� `�� h�� p�� x�� ��� ��� ��� ��� ��� ��� ��� ��� ��� �� �� �� �� �� �� ��� �� �� �� �� �� (�� 0�� 8�� @�� H�� P�� X�� `�� h�� p�� x�� ��� ��� �� � gpostdraft � � �postpublish � �!<postpublish � � % � % � % $� % � % � � % $� % � % � % % $�Y -elementor_librarydraft � /elementor_librarypublish /elementor_librarypublish �( /elementor_librarypublish � 0celementor_snippetdraft � 8� @ + HN P pagedraft X pagedraft ` pagedraft h pagedraft p pagedraft x pagedraft �
Gpagedraft 3� "pagepublish � "pagepublish Z � "pagepublish b � "pagepublish �� "pagepublish � � "pagepublish � gpagepublish � �� ��Npostpublish � ��3pagepublish � " � � �� &�� %��� �� $
� $� " - (�� 0j 8$ $@� %H� PR X `� $h� p: x� �� $�h �" �� �� � $� %� &� '� � � � $� � � $ � $( 0 � 8� $@ %H P X�@ ` $h�S p &revisioninherit x &revisioninherit
� &revisioninherit � &revisioninherit
� &revisioninherit � &revisioninherit ��revisioninherit $�� ��� �� ��D �� �� �r �, �� � ��Z �� �� �� �B �� (�� 0 &revisioninherit N 8 &revisioninherit R @ &revisioninherit [H &revisioninherit \ P &revisioninherit ] X &revisioninherit ^ ` &revisioninherit _ h &revisioninherit ` p &revisioninherit d x�-revisioninherit f
��Inav_menu_itempublish � ��c ���pagedraft � �� ��� %��� ��� ��� � 4 �� �� �� $� �� �~ ��� �� �� �� �� �� (�� 0 4 8�� @�� H�l P�� $X " `! h�~ p�� x�� ��� � e �P ��l � 4 ��8 ��� ��� ��� � �� �� �� �� �� ��� �� �� �� �� �� (�� 0�� 8�� @�� H�� P�� X�� `�� h�� p c x�� ��� %��� $��� ��� ��� ��� ��� &��� %��� $�� %�� � "postpublish � � �postpublish � ���postpublish �� "postpublish � ��upostpublish � ��postpublish � �xpostpublish � ��postpublish � �postpublish � /customize_changesettrash � ( ccustomize_changesettrash � 0 ccustomize_changesettrash � 8��customize_changesettrash � @ /customize_changesettrash � H�~customize_changesettrash � P "postpublish � X fpostpublish � ` "postpublish � h fpostpublish � p�postpublish � x Dpostpublish � � fpostpublish � � "postpublish � � �postpublish � � "postpublish � � "postpublish � � �postpublish � � "postpublish � � "postpublish � � "postpublish � ��postpublish � ��postpublish � �� postpublish � p _�0 �1�k-�V-���/p� � c���K��� "�������� g��
� K����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
} g��'Q� #���� $ ���E� � q�h V f �s G infimum supremum ,ac_certificatepublish
(attachmentinherit
(attachmentinherit c
( (attachmentinherit r
0 (attachmentinherit �
8 (attachmentinherit �
@ (attachmentinherit �
H (custom_csspublish Q
P +custom-css-jspublish 0 X -elementor_librarydraft � ` /elementor_librarypublish h /elementor_librarypublish � p /elementor_librarypublish � x -elementor_snippetdraft �
� +nav_menu_itempublish � � pagedraft � pagedraft � pagedraft � pagedraft � pagedraft � pagedraft � pagedraft 3 � pagedraft � � "pagepublish � "pagepublish Z � "pagepublish b � "pagepublish � � "pagepublish � � "pagepublish � "pagepublish � "pagepublish postdraft � postdraft � postdraft � "postpublish �( "postpublish � 0 "postpublish � 8 "postpublish � @ "postpublish �H "postpublish � P "postpublish � X "postpublish � ` "postpublish �h "postpublish � p "postpublish � x "postpublish � � "postpublish �� "postpublish � "postpublish � "postpublish � "postpublish � "postpublish ! � "postpublish % � "postpublish + ��postpublish ,� "postpublish � � "postpublish � � "postpublish � � "postpublish �� "postpublish � � "postpublish � � "postpublish � "postpublish � "postpublish � "postpublish � "postpublish � "postpublish �( "postpublish � 0 "postpublish � 8 "postpublish � @ "postpublish �H "postpublish � P "postpublish � X "postpublish � ` "postpublish h "postpublish p "postpublish x "postpublish � "postpublish � "postpublish � "postpublish � "postpublish � "postpublish � "postpublish � "postpublish � "postpublish � "postpublish � "postpublish � "postpublish � "postpublish # � "postpublish (� "postpublish ) � "postpublish * � "postpublish - "postpublish / Dpostpublish 0 ��postpublish � Dpostpublish 2 Dpostpublish 3 (��postpublish 4 0 "postpublish 5 8��postpublish 6 p
z � j
�
Z � J�:�*��� � J� � c ���$th $ #���� ���YE� � `9]�� 9B
� �X2 G infimum supremum 6�postpublish � "postpublish � "postpublish � ( "postpublish � 0 "postpublish � 8 "postpublish � @ "postpublish � H "postpublish � P "postpublish � X4�postpublish � ` &revisioninherit h &revisioninherit
p &revisioninherit x &revisioninherit
� &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit N � &revisioninherit R � &revisioninherit [ � &revisioninherit \ � &revisioninherit ] � &revisioninherit ^ � &revisioninherit _ � &revisioninherit ` � &revisioninherit d � &revisioninherit f � &revisioninherit g � &revisioninherit i � &revisioninherit j &revisioninherit k &revisioninherit l &revisioninherit n &revisioninherit o &revisioninherit p( &revisioninherit q 0 &revisioninherit s 8 &revisioninherit u @ &revisioninherit vH &revisioninherit w P &revisioninherit x X &revisioninherit y ` &revisioninherit zh &revisioninherit { p &revisioninherit | x &revisioninherit } � &revisioninherit ~� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit �( &revisioninherit � 0 &revisioninherit � 8 &revisioninherit � @ &revisioninherit �H &revisioninherit � P &revisioninherit � X &revisioninherit � ` &revisioninherit �h &revisioninherit � p &revisioninherit � x &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit �( &revisioninherit � 0 &revisioninherit � 8 &revisioninherit � @ &revisioninherit �H &revisioninherit � P &revisioninherit � X &revisioninherit � ` &revisioninherit �h &revisioninherit � p &revisioninherit � x &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit &revisioninherit &revisioninherit &revisioninherit &revisioninherit &revisioninherit ( &revisioninherit
0 &revisioninherit , 8 &revisioninherit . @ &revisioninherit 2H &revisioninherit 6 P &revisioninherit 9 X &revisioninherit < ` &revisioninherit ?h &revisioninherit B p &revisioninherit E x &revisioninherit H � &revisioninherit J� &revisioninherit L � &revisioninherit N � &revisioninherit P � &revisioninherit R� &revisioninherit T � &revisioninherit V � &revisioninherit X � &revisioninherit Z� &revisioninherit \ � &revisioninherit ^ � &revisioninherit ` � &revisioninherit b� &revisioninherit d � &revisioninherit f � &revisioninherit h &revisioninherit j &revisioninherit l &revisioninherit n &revisioninherit p &revisioninherit r( &revisioninherit t 0 &revisioninherit v 8 &revisioninherit x @ &revisioninherit zH &revisioninherit | P &revisioninherit ~ X &revisioninherit � ` &revisioninherit �h &revisioninherit � p &revisioninherit � x &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit �( &revisioninherit � 0 &revisioninherit � 8 &revisioninherit � @ &revisioninherit �H &revisioninherit � P &revisioninherit � X &revisioninherit � ` &revisioninherit �h &revisioninherit � p &revisioninherit � x &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit �( &revisioninherit � 0 &revisioninherit � 8 &revisioninherit � @ &revisioninherit �H &revisioninherit � P &revisioninherit � X &revisioninherit � ` &revisioninherit �h &revisioninherit � p &revisioninherit � x &revisioninherit � � &revisioninherit �� &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit
� &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit &revisioninherit &revisioninherit &revisioninherit " &revisioninherit $ &revisioninherit &( &revisioninherit ( 0 &revisioninherit + 8 &revisioninherit - @ &revisioninherit /H &revisioninherit 1 P &revisioninherit 3 X &revisioninherit 5 ` &revisioninherit 7h &revisioninherit : p &revisioninherit < x &revisioninherit > � &revisioninherit @� &revisioninherit B � &revisioninherit D � &revisioninherit F � &revisioninherit H� &revisioninherit J � &revisioninherit L � &revisioninherit N � &revisioninherit P� &revisioninherit R � &revisioninherit T � &revisioninherit V � &revisioninherit X� &revisioninherit Z � &revisioninherit \ � &revisioninherit ^ &revisioninherit ` &revisioninherit b &revisioninherit g &revisioninherit � &revisioninherit � ( &revisioninherit � 0 &revisioninherit � 8 &revisioninherit � @ &revisioninherit � H &revisioninherit � P &revisioninherit � X &revisioninherit � ` &revisioninherit � h &revisioninherit � p &revisioninherit � x &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit � � &revisioninherit �
&revisioninherit �
&revisioninherit �
&revisioninherit �
&revisioninherit �
&revisioninherit �
( &revisioninherit �
0 &revisioninherit �
8 &revisioninherit �
@ &revisioninherit �
H &revisioninherit �
P &revisioninherit �
X &revisioninherit �
` &revisioninherit �
h &revisioninherit �
p &revisioninherit �
x &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit �
� &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � &revisioninherit � ( &revisioninherit � 0 &revisioninherit �
8 +wp_navigationpublish @ /wppb-roles-editorpublish � H /wppb-roles-editorpublish � P /wppb-roles-editorpublish � X /wppb-roles-editorpublish � ` /wppb-roles-editorpublish � h�wppb-roles-editorpublish � p "postpublish � x "postpublish � � "postpublish � "postpublish � "postpublish � Dpostpublish � fpostpublish � "postpublish � Dpostpublish ���postpublish
� "postpublish � "postpublish
� "postpublish � "postpublish � "postpublish � "postpublish � "postpublish " � "postpublish $ "postpublish & "postpublish ' ȑpostpublish . p5�5 4q3�3A2�21y0�0I/�/.�-�-Q,�,!+�*�*Y)�))(�'�'a&�&1%�%$i#�#9"�" !q � A � y � I � ��Q�!��Y�)��a�1�i�9� q
�
A � y
�
I � ��Q�!��Y�)��8�87D6�m � c���Y���� %�������� g�u
� !O����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
.kaya-webstation-row{
display:flex;
align-items:center;
justify-content:center;
gap:18px;
width:100%;
margin-top:14px;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:left;
word-break:break-word;
flex:0 0 auto;
margin:0;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
background:#fff;
width:auto;
}
.kaya-qr-download-inner img{
width:140px;
max-width:140px;
height:auto;
} g�u[F>� &�������� g ��
� !����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 07:26:10"
}
} g ��ͽ� '�������� g A�
� M����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
g A�*�. (�������� g#��
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised landscape template (used for download) ===== */\n.kaya-qr-print-template{\n position:absolute;\n left:-99999px;\n top:-99999px;\n visibility:hidden;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1000px;\n min-height:560px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:34px 38px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:34px;\n}\n\n.kaya-webstation-print-left{\n flex:1 1 auto;\n text-align:left;\n}\n\n.kaya-webstation-print-right{\n flex:0 0 auto;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-webstation-print-company{\n font-size:42px;\n line-height:1.15;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-phone{\n font-size:34px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-contact{\n font-size:24px;\n line-height:1.55;\n color:#374151;\n margin-bottom:4px;\n}\n\n.kaya-webstation-print-customer{\n font-size:42px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-top:34px;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:300px;\n max-width:300px;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 07:38:03"
}
} g#�ʴ
�� )���� * �L��E� � %/�=-0 � $D� D infimum supremum )ac_certificatepublish��Fz�
%attachmentinherit��0~�
%attachmentinherit��69� c
( %attachmentinherit��6A� r
0 %attachmentinherit��8" �
8 %attachmentinherit��8"
�
@ %attachmentinherit��8"� �
H %custom_csspublish��6 Q
P �custom-css-jspublish��Zt� 0 X*�postpublish��t�� � `<postpublish��x5_ � h p� x ,posttrash���%� � � ,posttrash���(* � � ,posttrash���+_ � � ,posttrash���-� � � ,posttrash���0o � ��posttrash���2[ � �
�postdraft���D� � ���postdraft���DP � �)�customize_changesettrash���!k � �)>postpublish���E� � ��postpublish���W � �D �� �� �� �� ��� �� �� �� �� �� (�� 0�� 8�� @�� H�� P�� X�� `�� h�� p�� x�� ��� ��� ��� ��� ��� ��� ��� ��� ��� �� �� �� �� �� �� ��� �� �� �� �� �� (�� 0�� 8�� @�� H�� P�� X�� `�� h�� p�� x�� ��� ��� ��|posttrash���J � � �postdraft���E
� � "postpublish���|� � � postpublish����" � � " � " � " $� " � " � < � " $� " � " � " " $�R *elementor_librarydraft��6TT � ,elementor_librarypublish��0w9 ,elementor_librarypublish��D]� �( ,elementor_librarypublish��D`� � 0�elementor_snippetdraft��Fiu � 8wposttrash��`} 8 @ pagedraft��0T� H pagedraft��0wK P pagedraft��0wL X pagedraft��0wM ` pagedraft��0wN h pagedraft��0wO p pagedraft��Zu� 3 x pagedraft��\,� � � pagepublish��0T� � pagepublish��65� Z � pagepublish��6<� b � pagepublish��6w� � � pagepublish��Fh� �� pagepublish��Fz �wpagepublish��\ � ��posttrash���4& � ���postpublish��t�� � � > �� � � � �eposttrash��Zv� 7 ��posttrash��Zv 4 ���posttrash��Zr� / ��posttrash��J�� $ � (iposttrash��Z�O � 0��posttrash��Z�� � 8��posttrash��Z�E � %@� &Hm P- X� `� $hm p- x� �� $�m �- �� �� $�m �- &� '� (� � � � $� � � $ $( 0 8 @ $H P X ` $h p x�, � #revisioninherit��0wK � #revisioninherit��0wL
� #revisioninherit��0wL � #revisioninherit��0wM
� #revisioninherit��0wN � #revisioninherit��0wO �vrevisioninherit��0y ��� �� $��p �� �p �0 $�� � ��p �0 $�� �� �p �0 (�� 0�� 8�p @ #revisioninherit��6 � N H #revisioninherit��6 R P #revisioninherit��66J [ X #revisioninherit��66J \ ` #revisioninherit��66K ]h #revisioninherit��66w ^ p #revisioninherit��66w _ x #revisioninherit��66w ` � #revisioninherit��6:@ d� #revisioninherit��6;� f � #revisioninherit��6;� g � #revisioninherit��6<� i � #revisioninherit��6=h j� #revisioninherit��6=h k � #revisioninherit��6=i l � #revisioninherit��6@D n � #revisioninherit��6@D o� #revisioninherit��6@D p � #revisioninherit��6@� q � #revisioninherit��6B� s � #revisioninherit��6CY u � #revisioninherit��6CZ v � #revisioninherit��6CZ w ��~revisioninherit��6Co x ��posttrash��Z�m F � $$ �� �� ( 1 0�� 8�� @�� H Pposttrash��Z~ @
P�Znav_menu_itempublish��`� � X�posttrash��Z~� C `��posttrash��Zz� = h ,customize_changesettrash��`U� p ,customize_changesettrash��`U� x ,customize_changesettrash��`V
� ,customize_changesettrash��`V � ,customize_changesettrash��`VJ � ,customize_changesettrash��`VY � ,customize_changesettrash��`V� � ]customize_changesettrash��`V� � �customize_changesettrash��`lt ���customize_changesettrash��`j� ��posttrash��Zy� : � ,customize_changesettrash��`l� � Zcustomize_changesettrash��`m% � � ,customize_changesettrash��`n& ! � ,customize_changesettrash��`nu # � ,customize_changesettrash��`n� % � �customize_changesettrash��`p� ' � �customize_changesettrash��`qB , ; ��customize_changesettrash��`q * ]customize_changesettrash��`q� 0 ��customize_changesettrash��`qz . ,customize_changesettrash��`{� 2 ( ,customize_changesettrash��`| 4 0 Zcustomize_changesettrash��`|� 6 8 @ ,customize_changesettrash��`~) 9H ,customize_changesettrash��`~N ; P ,customize_changesettrash��`~� = X ,customize_changesettrash��`� ? ` ,customize_changesettrash��`�' Ah ,customize_changesettrash��`�f C p ,customize_changesettrash��`�� E x ,customize_changesettrash��`� G � ,customize_changesettrash��`�C I� ,customize_changesettrash��`�R K � ,customize_changesettrash��`�t M � ,customize_changesettrash��`�� O � ,customize_changesettrash��`� Q� ,customize_changesettrash��`�A S � ,customize_changesettrash��`�� U � ,customize_changesettrash��`�� W � ,customize_changesettrash��`�� Y� ,customize_changesettrash��`� [ � ,customize_changesettrash��`�* ] � ]customize_changesettrash��`�f _ ��posttrash��`�� c � ,customize_changesettrash��`� a��customize_changesettrash��`�� f �� posttrash��`p� ) ��posttrash��`m� ��posttrash��`m� ��posttrash��`l� ��posttrash��`Q� ��posttrash��`Hu (��posttrash��\J� � 0��posttrash��\>! � 8��posttrash��\=� � @��posttrash��\'� � H >postpublish��d k � P�wpagepublish��d v X postpublish��d%# � `�postpublish��d} � h postpublish��t�X � p postpublish��t�� � x�$postpublish��t�� �
��
��� ��postpublish����� � � ,customize_changesettrash���a� � � ]customize_changesettrash���c� � � ]customize_changesettrash���f� � ���customize_changesettrash���e� � � ,customize_changesettrash���g� � ���customize_changesettrash���h9 � � postpublish����v � � postpublish���Nm � � postpublish���V� � ��postpublish��� � � p � |4� +!+��""r�.�3�I�. *�)�)G(�'�'7&Y%�$�#�# � � c�L����@k * )���� �
h=E� � U4a�|[H~ b $/� D infimum supremum #revisioninherit��6C� y #revisioninherit��6C� z #revisioninherit��6C� { ( #revisioninherit��6C� | 0 #revisioninherit��6C� } 8 #revisioninherit��6C� ~ @ #revisioninherit��6C� � H #revisioninherit��6C� � P #revisioninherit��6C� � X #revisioninherit��6H � ` #revisioninherit��6H � h #revisioninherit��6TT � p #revisioninherit��6U� � x #revisioninherit��6Vi � � Frevisioninherit��6V� � � !revisioninherit��\6M � � #revisioninherit��6g� � � #revisioninherit��6g� � � #revisioninherit��6g� � � #revisioninherit��6t{ � � #revisioninherit��6t{ � � #revisioninherit��6t� � � #revisioninherit��6v8 � � #revisioninherit��6v8 � � #revisioninherit��6v8 � � #revisioninherit��6vU � � #revisioninherit��6vU � � #revisioninherit��6vV � � #revisioninherit��6vp � � #revisioninherit��6vp � #revisioninherit��6vp � #revisioninherit��6w� � #revisioninherit��6x � #revisioninherit��6x � #revisioninherit��6x �( #revisioninherit��6xB � 0 #revisioninherit��6xB � 8 Frevisioninherit��6xB � @(�revisioninherit���:1 � H #revisioninherit��6y� � P #revisioninherit��6y� � X #revisioninherit��6y� � ` #revisioninherit��6z� �h #revisioninherit��6z� � p #revisioninherit��6z� � x #revisioninherit��6}w � � #revisioninherit��6}w �� #revisioninherit��6}w � � #revisioninherit��6� � � #revisioninherit��6� � � #revisioninherit��6� �� #revisioninherit��6�4 � � #revisioninherit��6�4 � � #revisioninherit��6�4 � � #revisioninherit��6�X �� #revisioninherit��6�X � � #revisioninherit��6�X � � #revisioninherit��6�h � � #revisioninherit��6�h �� Frevisioninherit��6�h � �@revisioninherit��\6� � � #revisioninherit��D]� � #revisioninherit��D]� � #revisioninherit��D`� � #revisioninherit��D`� � #revisioninherit��Fd, � #revisioninherit��Fh� �( #revisioninherit��Fh� � 0 #revisioninherit��Fh� � 8 #revisioninherit��Fi � @ #revisioninherit��Fi �H #revisioninherit��Fi � P #revisioninherit��Fi � X #revisioninherit��Fi � ` #revisioninherit��Fi �h #revisioninherit��Fu� � p #revisioninherit��Fu� � x #revisioninherit��Fu� � � #revisioninherit��Fv7 �� #revisioninherit��Fv7 � � #revisioninherit��Fv7 � � #revisioninherit��Fw � � #revisioninherit��Fw �� #revisioninherit��Fw � � #revisioninherit��Fy� � #revisioninherit��Fy� � #revisioninherit��Fy� � #revisioninherit��Fz � #revisioninherit��Fz� � #revisioninherit��Fz� � #revisioninherit��Fz� � #revisioninherit��Fz� � #revisioninherit��Fz� ��revisioninherit��Fz�
$� �� �� �� �� (�� 0�� 8�� @�� H�� P�� X�� `�� h�� p�� x�� ��� ��� ��� ��� ��� ��� ��� �
�revisioninherit���A' � ���revisioninherit���% � � #revisioninherit��V�� * � #revisioninherit��Zp- , � #revisioninherit��Zrz . � #revisioninherit��Zu� 2� #revisioninherit��Zv� 6 � #revisioninherit��Zy� 9 � #revisioninherit��Zz� < #revisioninherit��Z}� ? #revisioninherit��Z~� B #revisioninherit��Z�W E #revisioninherit��Z�7 H #revisioninherit��Z�� J( #revisioninherit��Z�� L 0 #revisioninherit��Z�� N 8 #revisioninherit��Z�� P @ #revisioninherit��Z� RH #revisioninherit��Z�� T P #revisioninherit��Z�i V X #revisioninherit��Z�w X ` #revisioninherit��Z�� Zh #revisioninherit��Z�� \ p #revisioninherit��Z�� ^ x #revisioninherit��Z�� ` � #revisioninherit��Z� b� #revisioninherit��Z�H d � #revisioninherit��Z�` f � #revisioninherit��Z�� h � #revisioninherit��Z�� j� #revisioninherit��Z�� l � #revisioninherit��Z�� n � #revisioninherit��Z�� p � #revisioninherit��Z�$ r� #revisioninherit��Z�2 t � #revisioninherit��Z�G v � #revisioninherit��Z�s x � #revisioninherit��Z�� z� #revisioninherit��Z�^ | � #revisioninherit��Z�t ~ � #revisioninherit��Z�� � #revisioninherit��Z�� � #revisioninherit��Z� � #revisioninherit��Z� � #revisioninherit��Z�^ � #revisioninherit��Z�r �( #revisioninherit��Z�z � 0 #revisioninherit��Z�� � 8 #revisioninherit��Z�� � @ #revisioninherit��Z� �H #revisioninherit��Z� � P #revisioninherit��Z�+ � X #revisioninherit��Z�0 � ` #revisioninherit��Z�P �h #revisioninherit��Z�^ � p #revisioninherit��Z�v � x #revisioninherit��Z�� � � #revisioninherit��Z�� �� #revisioninherit��\ � � #revisioninherit��\^ � � #revisioninherit��\^ � � #revisioninherit��\^ �� #revisioninherit��\- � � #revisioninherit��\- � � #revisioninherit��\- � � #revisioninherit��\E �� #revisioninherit��\E � � #revisioninherit��\E � � #revisioninherit��\S � � #revisioninherit��\S �� #revisioninherit��\S � � #revisioninherit��\h � � #revisioninherit��\h � #revisioninherit��\h � #revisioninherit��\� � #revisioninherit��\� � #revisioninherit��\� � #revisioninherit��\V �( #revisioninherit��\V � 0 #revisioninherit��\V � 8 #revisioninherit��\% � @ #revisioninherit��\%� �H #revisioninherit��\,� � P #revisioninherit��\,� � X #revisioninherit��\,� � ` #revisioninherit��\,� �h #revisioninherit��\-Q � p #revisioninherit��\-Q � x #revisioninherit��\-Q � � #revisioninherit��\-� �� #revisioninherit��\-� � � #revisioninherit��\-� � � #revisioninherit��\-� � � #revisioninherit��\-� �� #revisioninherit��\-� � � #revisioninherit��\0� � � #revisioninherit��\0� � � #revisioninherit��\0� ��Srevisioninherit��\0� �
� (wp_navigationpublish��0T� � ,wppb-roles-editorpublish��6Q9 �� ,wppb-roles-editorpublish��6Q9 � � ,wppb-roles-editorpublish��6Q9 � � ,wppb-roles-editorpublish��6Q9 � � ,wppb-roles-editorpublish��6Q9 � �ewppb-roles-editorpublish��\ � #revisioninherit��\0� � #revisioninherit��\0� � #revisioninherit��\1' � #revisioninherit��\1' � ( #revisioninherit��\1' � 0 #revisioninherit��\1Y � 8 #revisioninherit��\1Y �@ #revisioninherit��\1Z � H #revisioninherit��\1� � P #revisioninherit��\1� � X #revisioninherit��\1� �` #revisioninherit��\2P � h #revisioninherit��\2P � p #revisioninherit��\2P � x #revisioninherit��\4� �� #revisioninherit��\5� � � #revisioninherit��\5� � ��revisioninherit��\5� �� #revisioninherit��\6M � ���revisioninherit��\6M � � #revisioninherit��\7 �� #revisioninherit��\@� � � #revisioninherit��\@� � � #revisioninherit��\@� � � #revisioninherit��\A7 �� #revisioninherit��\A7 � � #revisioninherit��\A7 � � #revisioninherit��\L� � � #revisioninherit��\M �� #revisioninherit��\M� � � #revisioninherit��\M� � #revisioninherit��\M� #revisioninherit��\M� #revisioninherit��`U� #revisioninherit��`U� #revisioninherit��`V ( #revisioninherit��`V
0 #revisioninherit��`VJ 8 #revisioninherit��`VY @ #revisioninherit��`V� H #revisioninherit��`V� P #revisioninherit��`j� X #revisioninherit��`lt ` #revisioninherit��`l� h #revisioninherit��`m% p #revisioninherit��`n& " x #revisioninherit��`nu $ � #revisioninherit��`n� & � #revisioninherit��`p� (� #revisioninherit��`q + � #revisioninherit��`qB - � #revisioninherit��`qz / � #revisioninherit��`q� 1� #revisioninherit��`{� 3 � #revisioninherit��`| 5 � #revisioninherit��`|� 7 � #revisioninherit��`~) :� #revisioninherit��`~N < � #revisioninherit��`~� > � #revisioninherit��`� @ � #revisioninherit��`�' B� #revisioninherit��`�f D � #revisioninherit��`�� F #revisioninherit��`� H #revisioninherit��`�C J #revisioninherit��`�R L #revisioninherit��`�t N #revisioninherit��`�� P ( #revisioninherit��`� R 0 #revisioninherit��`�A T 8 #revisioninherit��`�� V @ #revisioninherit��`�� X H #revisioninherit��`�� Z P #revisioninherit��`� \ X #revisioninherit��`�* ^ ` #revisioninherit��`�g ` h #revisioninherit��`� b p #revisioninherit��`�� d x #revisioninherit��`�� e � #revisioninherit��`�� g � #revisioninherit��`�^ h � #revisioninherit��`�^ i � #revisioninherit��`�^ j � #revisioninherit��`�^ k � #revisioninherit��`�^ l � #revisioninherit��`�^ m � #revisioninherit��`�^ n � #revisioninherit��`�^ o � #revisioninherit��`�^ p � #revisioninherit��`�^ q � #revisioninherit��`�^ r � #revisioninherit��`�^ s � #revisioninherit��`�^ t � #revisioninherit��`�^ u � #revisioninherit��`�^ v
#revisioninherit��`�^ w
#revisioninherit��`�^ x
#revisioninherit��`�^ y
#revisioninherit��`�b z
#revisioninherit��`�c {
( #revisioninherit��`�c |
0 #revisioninherit��`�c }
8 #revisioninherit��d �
@ #revisioninherit��d @ �
H #revisioninherit��d @ �
P #revisioninherit��d A �
X #revisioninherit��d!r �
` #revisioninherit��d!� �
h #revisioninherit��d!� �
p #revisioninherit��t�2 �
x�previsioninherit��t�{ �
� #revisioninherit���:1 �
� #revisioninherit���:1 �
� #revisioninherit���:1 �
� #revisioninherit���:1 �
� #revisioninherit���:1 �
� #revisioninherit���:1 �
� #revisioninherit���:1 �
� #revisioninherit���;% �
� #revisioninherit���;% �
� #revisioninherit���;% �
� #revisioninherit���>� �
� #revisioninherit���>� �
� #revisioninherit���>� �
� #revisioninherit���>� �
� #revisioninherit���>� �
� #revisioninherit���>� � #revisioninherit���D� � #revisioninherit���E� � #revisioninherit���E� � Frevisioninherit���a� � �revisioninherit���cI � ( #revisioninherit���c � 0 #revisioninherit���c � 8��revisioninherit���c � @ #revisioninherit���cI � H #revisioninherit���cI � P Frevisioninherit���c� � X ` #revisioninherit���e� � h #revisioninherit���f� � p #revisioninherit���g� � x #revisioninherit���h9 � � #revisioninherit���h� � � #revisioninherit���h� � � Frevisioninherit���h� � � �revisioninherit���kL � � #revisioninherit���j� � � #revisioninherit���j� � � #revisioninherit���j� � � #revisioninherit���k � � #revisioninherit���k � �.revisioninherit���k � � #revisioninherit���kL � ��\revisioninherit���kM � p [3-3
2~1�1f0�0+/�/.�. -�-,z+�+b*�*J)�)2(�('�'&v%�%^$�$F#�#."�"!�!D � , � � X � @�(���l�T�<�$� ��h�P � d � L
�
4 ��x�`H�0� t � c�
h=Yq�� +���� , �L��E� � 5(��B � � � $D� C infimum supremum ( 0 8 � @ � H � P!� � X� `&424-revision-v1 � $ h� $ p $ x��
$ �3 1% �n 3' �� 3 � v ' �� � � � �$\668-revision-v1 � � *12-revision-v1
' �| � � �� �`451-revision-v1 r$ � B � �U $ 9 914-revision-v1 : �146-revision-v1 �$( 0 k $ 8 � @ �16-revision-v1 $H P X� ` 424-revision-v1 � h 177-revision-v1 � p 177-revision-v1 � x 177-revision-v1 � � 177-revision-v1 �� 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 �� 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 �� 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 �� 177-revision-v1 � � 177-revision-v1 � � 177-revision-v1 � 177-revision-v1 � 177-revision-v1 � 177-revision-v1 � 177-revision-v1 � 177-revision-v1 �( 177-revision-v1 � 0 177-revision-v1 � 8 177-revision-v1 � @
177-revision-v1 �$&H� $ P� $ X� $ `�
h 2-revision-v1
p 2-revision-v1 N
x 2-revision-v1 �
� 2-revision-v1 �
� 2-revision-v1 � � �202505-0021-inv � ��# $� � � �@ $� � � 226-revision-v1 � � 226-revision-v1 � � 229-revision-v1 �� l229-revision-v1 �$ �
� � � 234-revision-v1 � 234-revision-v1 � 234-revision-v1 � 234-revision-v1 � 234-revision-v1 �( 234-revision-v1 � 0 234-revision-v1 � 8 234-revision-v1 � @ 234-revision-v1 �H 234-revision-v1 � P 234-revision-v1 � X 234-revision-v1 � ` 234-revision-v1 �h 234-revision-v1 � p 234-revision-v1 � x 234-revision-v1 � � 234-revision-v1 �� 234-revision-v1 � � 234-revision-v1 � � 234-revision-v1 � 234-revision-v1 � 234-revision-v1 � 234-revision-v1 � 234-revision-v1 ��234-revision-v1
$$�� $ �D � 259-revision-v1 � 259-revision-v1 � 259-revision-v1 � �259-revision-v1 $ � � $ � �271-autosave-v1 *$ � $ �� $ � $$(�� 0� 8�h $ @�� $ H�M $ P $ X�S424-revision-v1 � ` 9 h�407-revision-v1 � p� $ x�G �� � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 �( 424-revision-v1 � 0 424-revision-v1 � 8 424-revision-v1 � @ 424-revision-v1 �H 424-revision-v1 � P 424-revision-v1 � X 424-revision-v1 � ` 424-revision-v1 �h 424-revision-v1 � p 424-revision-v1 � x 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 �� 424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 � 424-revision-v1 �( 424-revision-v1 � 0 424-revision-v1 � 8 424-revision-v1 � @ 424-revision-v1 �H 424-revision-v1 � P 424-revision-v1 � X 424-revision-v1 � ` 424-revision-v1 �h
u424-revision-v1 �$&pW $ x�+ � f ��� ��449 � � 452-revision-v1 � � $�� $ ��� $ ��Q $ �r '��� $ �*55e6a98d-9d0e-441f-8f0b-6f85f2fea930
� '��7 (� �O $ ��
6-revision-v1
6-revision-v1 f
�6-revision-v1 g j �= $( L61ea62c8-7310-432d-98ee-f49eed2a46a2 0�� 8 733-revision-v1 � @�P $%H�B $ P�* $ X 26c0b7132-9d76-4694-ae21-b744a3d22a7b
`�7-revision-v1 %h�` $ p�� x�S
��� � 81-revision-v1 R � 81-revision-v1 i� 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 , ��n81-revision-v1 .$�D742083ba-1f67-4d9e-82ed-967cf42ae8c5 $ ��71f59635-15d4-463e-8f27-89447e477f2f $ �E4219b7b0-8b12-4132-9c4f-9368c6a52a31 � $ ��0f722a7e-599a-4fea-a48a-83487d8b80f2 $ �,6a18a6be-9963-45c0-ab76-2b582729bd4f #$ �4f2ba5ab-3419-4b8e-990f-47ab3aa3ebc5 *$ ���7936ee76-028e-4d1a-883c-1458b81d6fef .$ �24a0bf36-3951-4ad8-89de-a917a5a0229b 9$ �3f730a52-7fd8-4bde-951a-ae1f110e6707 A$ f566de609-09df-4d78-8159-91f9f614e8cc E$�^6b00a34c-30db-4042-837e-65115562aec5 G$ ��562c4c0d-481f-4772-be96-c5c918ccdf54 I$ (�3fedeb56-9c84-43a1-b5a9-e313cbf46476 O$ 0�F5cd96475-2c45-4253-af6c-b617f03c71c1 S$ 8190cb688-3eaa-4514-b034-57378139be2c W @ 611-revision-v1 d H�N611-revision-v1 eP�568-revision-v1 h X��553-revision-v1 i`��544-revision-v1 j h��543-revision-v1 k p��0123456789__trashed x��538-revision-v1 l ���517-revision-v1 m ���516-revision-v1 n ���502-revision-v1 o���494-revision-v1 p �� 1234-no-display__trashed � ���493-revision-v1 q ���423-revision-v1 s ���412-revision-v1 t ���326-revision-v1 u ��323-revision-v1 v ��320-revision-v1 w��317-revision-v1 x ��314-revision-v1 y ��311-revision-v1 z ��308-revision-v1 {���303-revision-v1 | ��271-revision-v1 } 639-revision-v1 � 639-revision-v1 � 639-revision-v1 � 1639-revision-v1 � ( 644-revision-v1 � 0 644-revision-v1 � 8 644-revision-v1 � @ 649-revision-v1 � H �654-revision-v1 � P� 667-revision-v1 � X��666-revision-v1 � `��665-revision-v1 � h��664-revision-v1 � p��663-revision-v1 � x��662-revision-v1 � ���659-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � �ީ424-revision-v1 � � 424-revision-v1 � � 424-revision-v1 � ��424-revision-v1 � � :687-revision-v1 � ��]690-revision-v1 � ��689-revision-v1 �$ �+61f887f6-030e-4661-bf24-fc80aefcd479 �$ ��1a4f8e19-bec5-4807-bd17-0ede64944f3a �$ �593461b1-d6f0-4c7d-b121-ee5c8b2d6067 � �� � 639-revision-v1 � � 639-revision-v1 �
��639-revision-v1 �
�9733-revision-v1 � p � !*(&b%�%@ � !"^"�#g'g�a�y� �5�M�e�} �$X$� �]
�
u
� �
6(
��2�JF � � c�L���� , +���� �L��E� � A4���L $Db C infimum supremum 81-revision-v1 2 81-revision-v1 6 81-revision-v1 9 ( 81-revision-v1 < 0 81-revision-v1 ? 8 81-revision-v1 B @ 81-revision-v1 E H 81-revision-v1 H P 81-revision-v1 J X 81-revision-v1 L ` 81-revision-v1 N h 81-revision-v1 P p 81-revision-v1 R x 81-revision-v1 T � 81-revision-v1 V � 81-revision-v1 X � 81-revision-v1 Z � 81-revision-v1 \ � 81-revision-v1 ^ � 81-revision-v1 ` � 81-revision-v1 b � 81-revision-v1 d � 81-revision-v1 f � 81-revision-v1 h � 81-revision-v1 j � 81-revision-v1 l � 81-revision-v1 n � 81-revision-v1 p � 81-revision-v1 r � 81-revision-v1 t 81-revision-v1 v 81-revision-v1 x 81-revision-v1 z 81-revision-v1 | 81-revision-v1 ~( 81-revision-v1 � 0 81-revision-v1 � 8 81-revision-v1 � @ 81-revision-v1 �H 81-revision-v1 � P 81-revision-v1 � X 81-revision-v1 � ` 81-revision-v1 �h 81-revision-v1 � p 81-revision-v1 � x 81-revision-v1 � � 81-revision-v1 �� 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 �� 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 �� 81-revision-v1 � � 81-revision-v1 � � 81-revision-v1 �h81-revision-v1 '� N $ � � � � $ � '$ 5 ) I � � $( 0� ( 8� $ @ �
H 9-revision-v1 P 90-revision-v1 [ X 90-revision-v1 \ ` 90-revision-v1 ]h 90-revision-v1 ^ p 90-revision-v1 _ x 90-revision-v1 ` � 90-revision-v1 j� 90-revision-v1 k � 90-revision-v1 l � 90-revision-v1 n � 90-revision-v1 o� 90-revision-v1 p � 90-revision-v1 q � 90-revision-v1 u � 90-revision-v1 v� 90-revision-v1 w � 90-revision-v1 y � 90-revision-v1 z � 90-revision-v1 {� 90-revision-v1 | � 90-revision-v1 } � 90-revision-v1 ~ 90-revision-v1 � 90-revision-v1 � 90-revision-v1 � 90-revision-v1 � 90-revision-v1 �( 90-revision-v1 � 0 90-revision-v1 � 8 90-revision-v1 � @ 90-revision-v1 �H 90-revision-v1 � P 90-revision-v1 � X 90-revision-v1 � ` 90-revision-v1 �h 90-revision-v1 � p 90-revision-v1 � x 90-revision-v1 � � 90-revision-v1 �� 90-revision-v1 � � 90-revision-v1 � � 90-revision-v1 � � 90-revision-v1 ��"�90-revision-v1 � �0testcrm � �=invoice-edit �
� $$� � � 98-autosave-v1 � � 98-revision-v1 d � 98-revision-v1 s� 98-revision-v1 x �z98-revision-v1 �$ ��� $ ,
�upgrade-pc � $ � $ a $ � $'(� $ 0�8 8�test-invoice-2 � $ @e $ H� $P�900db087-0a13-4f9f-ac6d-58b89c54080f �
X�administrator �$ ` $ h $ p� x�author �$ �� $&�, $ ��� $ ��� ��testing � $ ��\ $ ��y $ �� $ �� � i81-revision-v1 �
�o $ ��� $ �J $&�& � (cert-muhammad-salman-hakim � certificate contributor � correct-icon r" 0cropped-invoice-website-logo-1-png � �cropped-invoice-website-logo-png �$$ � $%(� $ 0� $&8�4 $ @�� $'H�� P X `� h� $ p�W $ x�� � �default-kit %�' ��download-qr 0$%��7 �] � "edit-pdf-v2-ig7l1h_v c � �editor � ��test-invoice � �Oservice-printer-epson-lq-310 � $� � �� �� $ � ?$�A A � O C �V Vform-pdf �$ q �# �h Z$ � $(� 0 @ 8 B @�� %H P�� X `K h�invoice � p� x invoice-home-2 � �Dinvoice-website-logo �� kadence Q � list �
� login-page �
� navigation
��new-home-page b � abc � �O
� %�� �2privacy-policy � � $� � ��N zsample-page
Zsubscriber � '( 0 8�
@� $H P�� $X�C `�^ h�1 p��
x)new-laptop � �� � � ��] ��8 � web-designer � ��Txyz-ics-preview-page 3� N81-revision-v1 $ �e6b220ca-863b-474a-89b0-8a03f43067ee � 81-revision-v1 � 81-revision-v1 � 81-revision-v1
� N81-revision-v1 $ �
�c6c5d5cf-8411-4ded-8fde-5515cd9e3398 � 81-revision-v1 � N81-revision-v1 $ "a25e0053-fb4a-467c-a445-47c16d7b72d3 81-revision-v1 N81-revision-v1 $ Hd99ef878-6253-48cd-820e-39a76487f841 81-revision-v1 ( N81-revision-v1 $ 0�cc9b9ef4-debd-4575-aa89-7b760f462e0c 8 x81-revision-v1 @ H $ Plbd35c4f9-dec0-4f2f-833c-d1c81779b2d2 !X 81-revision-v1 " ` N81-revision-v1 $$h�d9e7654d-8421-4cd0-b099-5c03ee621841 % p N81-revision-v1 &$ x �df8af2ce-8220-4258-ad3f-dc43aefdb34e ' � /81-revision-v1 ( �= � N81-revision-v1 +$ ��yadc33e50-9d56-44dc-a0c0-33d80f14ee30 , � 81-revision-v1 - � N81-revision-v1 /$��d5036240-2912-4690-9a51-66544c9e13cc 0 � N81-revision-v1 1$��38c6c05d3-1c09-4781-b4fe-af505ff12d84 2� N81-revision-v1 3$ � f440bae9-ee4f-489d-bb67-622c797937df 4 � N81-revision-v1 5$ �a7e9dcf3-ac68-43a0-a36b-5adeeb257fd4 6 � /81-revision-v1 7 �� � N81-revision-v1 :$ ��b171b2d8-5dd7-4ef5-af8b-852592491dbd ; N81-revision-v1 <$ ��c4a7cc99-0a37-4e00-a292-f10ff4978a72 = N81-revision-v1 >$ 4c0d4b594-bca3-4da7-ac88-6704f0cc2f83 ? ( 81-revision-v1 @ 0 N81-revision-v1 B$ 8�ebc078ea-706f-4b2f-9955-a1fdf258fb0b C @ 81-revision-v1 D H 81-revision-v1 F P 81-revision-v1 H X N81-revision-v1 J$ `�^e8b1f31e-294e-42a3-b331-e140e654342b K h N81-revision-v1 L$ p#90d2df72-2afc-4aef-a38d-90ba5ca42e99 M x 81-revision-v1 N � N81-revision-v1 P$ ��d9e683d9-bfa7-4086-aa70-82bd1f5f4606 Q � 81-revision-v1 R � N81-revision-v1 T$ � pe5bcd3e7-c9a8-45c1-a04e-9442c041da0f U � 81-revision-v1 V � N81-revision-v1 X$ ���d5492236-2f04-47fb-8a7e-ef9d1c7ae96b Y � N81-revision-v1 Z$ ��B96a5bfde-789c-45b4-ad99-8bde88c6c497 [ � N81-revision-v1 \$ �~c1b6eb44-130c-4b61-bda4-c24cfcde1d2f ] � N81-revision-v1 ^$ �ea65bc4fc-d751-4dea-a1e0-daf59adb05bb _ � N81-revision-v1 `$ ��-d1149314-15e1-4acc-9f62-d51b7267156c a
d81-revision-v1 b
$
�Na540fe94-e069-4d41-b8d6-0aabc85db778 f
�-81-revision-v1 g
Ctestlast__trashed c
(��
0�test2__trashed-2 8
8��asdfg__trashed )
@�qwerty-2__trashed
H��qwerty__trashed
P��cant-print__trashed
X�no-display-2__trashed
`��no-display__trashed �1
h��8936-cekapwani-autocount-version-upgrade__trashed �
p��test-test__trashed �2
x��8586-lkhnsons-walk-in-wifi-cant-connect-2__trashed �0
���8586-lkhnsons-walk-in-wifi-cant-connect__trashed �
��tapo-5-2__trashed �
���tapo-5__trashed F
���tapo-4__trashed C
���tapo-3__trashed @
���tapo-2__trashed =
���tapo__trashed :
��tp-link__trashed 7
� new-qr-2__trashed 4
��new-qr__trashed /:
�i9354-uniplaster-marketing-sdn-bhd-onsite-cpu-hang__trashed
�testtitle �%
��<upgrade-autocount-new-pc-cy-autocount �
��Pservice-notebook-asus-x505z �
���jam-paper-when-printing �
���cant-print �; �dong-fatt-frozen-central-kitchen-sdn-bhd-walk-in-cant-print �: ��dong-fatt-frozen-central-kitchen-sdn-bhd-walk-in-cant-prin � � title7642026__trashed � ��title6642026__trashed � ��title642026-2__trashed � ( �title4642026-2__trashed � 0��title4642026__trashed � 8��title2642026-2__trashed � @��title2642026__trashed � H�Ltitle642026__trashed � P p90-revision-v1 � X 90-revision-v1 � ` 90-revision-v1 � h��90-revision-v1 � p 90-revision-v1 � xZ90-revision-v1 �$ ��6bddd8e70-05ba-452d-815a-796847b956c2 � � j81-revision-v1 �$ ��f91754f6-e7b3-490f-b82b-7d6ca90dde4d �
��-no-display � � 81-revision-v1 � � N81-revision-v1 �$ ��he646ffba-0714-4be4-8b01-df4c9249a121 � � 81-revision-v1 � ��K81-revision-v1 � � 90-revision-v1 � � 90-revision-v1 � � 90-revision-v1 � � 90-revision-v1 � � 90-revision-v1 � � 90-revision-v1 � � 90-revision-v1 � 90-revision-v1 � ��90-revision-v1 � ��unv-mw-lc24-e-s-monitor � �7new-pc-tms-pc02 � �mini-pos-system � ( )install-accounting-software � 0�install-accounting-software-2 � p.0/�0 +- +� � j�kK(�# $Q!+�)�`)��.2x0v
�
1 � Q � q
�
! � A$�2@*�)l(f'�&�%�$�#�"�!� � >��2�R�r�"�B � c�L���{� @�������� g$H�
� $���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised landscape template (used for download) ===== */
.kaya-qr-print-template{
position:absolute;
left:-99999px;
top:-99999px;
visibility:hidden;
pointer-events:none;
}
.kaya-webstation-print{
width:1000px;
min-height:560px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:34px 38px;
display:flex;
align-items:center;
justify-content:space-between;
gap:34px;
}
.kaya-webstation-print-left{
flex:1 1 auto;
text-align:left;
}
.kaya-webstation-print-right{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
}
.kaya-webstation-print-company{
font-size:42px;
line-height:1.15;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-phone{
font-size:34px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-contact{
font-size:24px;
line-height:1.55;
color:#374151;
margin-bottom:4px;
}
.kaya-webstation-print-customer{
font-size:42px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-top:34px;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:300px;
max-width:300px;
height:auto;
display:block;
} g$H�tV7Y A l�XE� � 2�� � B )infimum supremum $ ہ � " � ��R( ��R(
<div class="pdf-wrapper">
<div class="pdf-view">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf"]
</div>
<div class="pdf-qr">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf" dynamic_content="0"]
<p style="word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/CRM2/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf</p>
</div>
</div>Testinheritclosedclosed88-revision-v1��R( ��R( Xhttps://invoice.webstation.my/?p=290� revision� $ '� � # � ��R(��R(
<div class="pdf-wrapper">
<div class="pdf-view">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/wp-content/uploads/invoice/crm/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf"]
</div>
<div class="pdf-qr">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/wp-content/uploads/invoice/crm/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf" dynamic_content="0"]
<p class="pdf-link"><a href="https://website.ipohserver.com/INVOICE/wp-content/uploads/invoice/crm/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf" target="_blank" rel="noopener">Open PDF</a></p>
<p class="pdf-link-raw" style="word-break:break-all;">https://website.ipohserver.com/INVOICE/wp-content/uploads/invoice/crm/INVOICEPERSATUAN-BOLASEPAK-IPOH.pdf</p>
<p class="pdf-folder" style="opacity:.7;">Folder: CRM</p>
</div>
</div>
Testinheritclosedclosed87-revision-v1��R(��R( Whttps://invoice.webstation.my/?p=291� revision� $ � � $ � ��R(��R(
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS-1.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS-1.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS-1.pdf</p>
</div>
</div>
112233inheritclosedclosed86-revision-v1��R(��R( Vhttps://invoice.webstation.my/?p=292� revision� $ � (� % � ��R(��R(
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202511_0001-CS.pdf</p>
</div>
</div>
112233inheritclosedclosed84-revision-v1��R(��R( Thttps://invoice.webstation.my/?p=293� revision� $ (� 0� & � ��R(��R(
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202505-0021-INV-1.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/202505-0021-INV-1.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202505-0021-INV-1.pdf</p>
</div>
</div>
1111111111111111111111111111111111111111inheritclosedclosed83-revision-v1��R(��R( Shttps://invoice.webstation.my/?p=294� revision� $ (� 8� ' � ��R(��R(
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202505-0021-INV.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/202505-0021-INV.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202505-0021-INV.pdf</p>
</div>
</div>
1111111111111111111111111111111111111111inheritclosedclosed79-revision-v1��R(��R( Ohttps://invoice.webstation.my/?p=295� revision� $ � @d ( � ��R(��R(
<div style="display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start;">
<div style="flex:2; min-width:300px;">
[qepw_pdf_viewer file="https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-4.pdf"]
</div>
<div style="flex:1; min-width:200px; text-align:center;">
[kaya_qrcode content="https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-4.pdf" dynamic_content="0" download_button="1"]
<p style="font-weight:bold; margin-top:10px;">Scan to Download PDF</p>
<p style="font-size:12px; word-break:break-all;">https://website.ipohserver.com/INVOICE/FILES/202512_0014-INV-4.pdf</p>
</div>
</div>
62626262626inheritclosedclosed77-revision-v1��R(��R( Mhttps://invoice.webstation.my/?p=296� revision� $
$ H $ 8A� P * � ��V�왹V��[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/nyde3xhrm46km4elq2yn.pdf"][kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/nyde3xhrm46km4elq2yn.pdf" dynamic_content="0" download_button="1" download_align="aligncenter"]File URLhttps://invoice.webstation.my/FILES/CRM2/nyde3xhrm46km4elq2yn.pdf#9354 - UNIPLASTER MARKETING SDN.BHD. (ONSITE) -CPU HANGinheritclosedclosed271-autosave-v1��V�홹V�� https://invoice.webstation.my/?p=298� revision� X $ �� X
� + � ��Zp-��Zp-{
"custom_css[kadence]": {
"value": ".kaya-upload-form {\n display:flex;\n justify-content:center;\n margin:40px 0;\n}\n\n.kaya-card {\n width:100%;\n max-width:650px;\n background:#ffffff;\n padding:40px;\n border-radius:20px;\n box-shadow:0 20px 50px rgba(0,0,0,0.08);\n}\n\n.kaya-title {\n text-align:center;\n margin-bottom:25px;\n font-size:24px;\n font-weight:600;\n}\n\n.kaya-fields {\n display:flex;\n flex-direction:column;\n gap:15px;\n margin-bottom:25px;\n}\n\n.kaya-fields input,\n.kaya-fields select {\n padding:12px 15px;\n border:1px solid #ddd;\n border-radius:10px;\n font-size:14px;\n}\n\n.kaya-drop-area {\n border:2px dashed #5b7cfa;\n border-radius:16px;\n padding:40px;\n text-align:center;\n cursor:pointer;\n transition:0.3s;\n background:#f9fbff;\n}\n\n.kaya-drop-area:hover {\n background:#eef2ff;\n}\n\n.kaya-drop-content p {\n font-size:18px;\n margin:10px 0;\n}\n\n.kaya-drop-content span {\n display:block;\n margin:10px 0;\n color:#888;\n}\n\n.kaya-icon {\n font-size:40px;\n}\n\n.kaya-upload-btn {\n background:#4f6df5;\n color:white;\n border:none;\n padding:12px 30px;\n border-radius:10px;\n font-weight:600;\n cursor:pointer;\n}\n\n.kaya-upload-btn:hover {\n background:#3d57cc;\n}\n\n.kaya-submit {\n margin-top:25px;\n width:100%;\n padding:14px;\n background:#111827;\n color:white;\n border:none;\n border-radius:12px;\n font-size:15px;\n font-weight:600;\n cursor:pointer;\n}\n\n.kaya-submit:hover {\n background:#000;\n}\n\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n padding:24px 18px;\n border:1px solid #e5e7eb;\n border-radius:16px;\n}\n\n.kaya-webstation-company{\n font-size:22px;\n font-weight:800;\n line-height:1.3;\n margin-bottom:6px;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n margin-bottom:8px;\n}\n\n.kaya-webstation-contact{\n font-size:14px;\n line-height:1.6;\n margin-bottom:2px;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n margin:18px 0 14px;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-qr-download-actions{\n margin-top:14px;\n text-align:center;\n}\n\n",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 07:00:45"
}
}trashclosedclosed9bcf0cc2-fc07-4a0b-9284-a2d451aeaf48��Zp-��Zp- https://invoice.webstation.my/index.php/2026/03/13/9bcf0cc2-fc07-4a0b-9284-a2d451aeaf48/� customize_changeset� $ t� ` ! , � ��Zp-��Zp-.kaya-upload-form {
display:flex;
justify-content:center;
margin:40px 0;
}
.kaya-card {
width:100%;
max-width:650px;
background:#ffffff;
padding:40px;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.08);
}
.kaya-title {
text-align:center;
margin-bottom:25px;
font-size:24px;
font-weight:600;
}
.kaya-fields {
display:flex;
flex-direction:column;
gap:15px;
margin-bottom:25px;
}
.kaya-fields input,
.kaya-fields select {
padding:12px 15px;
border:1px solid #ddd;
border-radius:10px;
font-size:14px;
}
.kaya-drop-area {
border:2px dashed #5b7cfa;
border-radius:16px;
padding:40px;
text-align:center;
cursor:pointer;
transition:0.3s;
background:#f9fbff;
}
.kaya-drop-area:hover {
background:#eef2ff;
}
.kaya-drop-content p {
font-size:18px;
margin:10px 0;
}
.kaya-drop-content span {
display:block;
margin:10px 0;
color:#888;
}
.kaya-icon {
font-size:40px;
}
.kaya-upload-btn {
background:#4f6df5;
color:white;
border:none;
padding:12px 30px;
border-radius:10px;
font-weight:600;
cursor:pointer;
}
.kaya-upload-btn:hover {
background:#3d57cc;
}
.kaya-submit {
margin-top:25px;
width:100%;
padding:14px;
background:#111827;
color:white;
border:none;
border-radius:12px;
font-size:15px;
font-weight:600;
cursor:pointer;
}
.kaya-submit:hover {
background:#000;
}
.kaya-webstation-qr{
text-align:center;
background:#fff;
padding:24px 18px;
border:1px solid #e5e7eb;
border-radius:16px;
}
.kaya-webstation-company{
font-size:22px;
font-weight:800;
line-height:1.3;
margin-bottom:6px;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
margin-bottom:8px;
}
.kaya-webstation-contact{
font-size:14px;
line-height:1.6;
margin-bottom:2px;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
margin:18px 0 14px;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
}
.kaya-qr-download-actions{
margin-top:14px;
text-align:center;
}
kadenceinheritclosedclosed81-revision-v1��Zp-��Zp- Qhttps://invoice.webstation.my/?p=300� revision� X $ � h
- � ��Zrz��Zrz � & !�trashclosedclosed42648322-a80f-4c6f-ba03-b42c3c4dd534��Zrz��Zrz https://invoice.webstation.my/index.php/2026/03/13/42648322-a80f-4c6f-ba03-b42c3c4dd534/� customize_changeset� $ � p� . � ��Zrz��Zrz � " & Kkadenceinheritclosedclosed81-revision-v1��Zrz��Zrz Qhttps://invoice.webstation.my/?p=302� revision� p�
� cl�XiCIH B�������� g.��
� -%����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised landscape template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1000px;\n min-height:560px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:34px 38px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:34px;\n}\n\n.kaya-webstation-print-left{\n flex:1 1 auto;\n text-align:left;\n}\n\n.kaya-webstation-print-right{\n flex:0 0 auto;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-webstation-print-company{\n font-size:42px;\n line-height:1.15;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-phone{\n font-size:34px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-contact{\n font-size:24px;\n line-height:1.55;\n color:#374151;\n margin-bottom:4px;\n}\n\n.kaya-webstation-print-customer{\n font-size:42px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-top:34px;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:300px;\n max-width:300px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1200px;\n min-height:680px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:26px 40px 30px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-left,\n.kaya-webstation-print-right{\n width:100%;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:42px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:0 0 8px 0;\n}\n\n.kaya-webstation-print-phone{\n font-size:32px;\n line-height:1.1;\n font-weight:800;\n color:#111827;\n margin:0 0 10px 0;\n}\n\n.kaya-webstation-print-contact{\n font-size:20px;\n line-height:1.2;\n color:#374151;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1.1;\n font-weight:800;\n color:#111827;\n margin:20px 0 14px 0;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:280px;\n max-width:280px;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 07:55:40"
}
} g.��Ic�� C�������� g'nx
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised landscape template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1000px;\n min-height:560px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:34px 38px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:34px;\n}\n\n.kaya-webstation-print-left{\n flex:1 1 auto;\n text-align:left;\n}\n\n.kaya-webstation-print-right{\n flex:0 0 auto;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-webstation-print-company{\n font-size:42px;\n line-height:1.15;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-phone{\n font-size:34px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-contact{\n font-size:24px;\n line-height:1.55;\n color:#374151;\n margin-bottom:4px;\n}\n\n.kaya-webstation-print-customer{\n font-size:42px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-top:34px;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:300px;\n max-width:300px;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 07:42:30"
}
} g'nx�� D $ I g5KAE� � >a� [ B )infimum supremum $ � � 9 � ��Zy���Zy� � @ & $�kadenceinheritclosedclosed81-revision-v1��Zy���Zy� Qhttps://invoice.webstation.my/?p=313� revision� 8 f� : � ��Zy���Zy�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/xxu2qmmlwrowzqvs7nnz.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-SCDtoxoJ">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/xxu2qmmlwrowzqvs7nnz.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print kaya-webstation-print--landscape" id="kaya-qr-print-GkLBSjnN">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">HAKIM</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/xxu2qmmlwrowzqvs7nnz.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-GkLBSjnN"
data-filename="HAKIM-TAPO-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/xxu2qmmlwrowzqvs7nnz.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPOpublishopenopentapo��Zy���Zy� https://invoice.webstation.my/index.php/2026/03/13/tapo/� post� $ $ � � ; � ��Zz���Zz� � C & '�trashclosedclosed22e8ea75-b52e-4d89-9b6e-665b5dce9e50��Zz���Zz� https://invoice.webstation.my/?p=315� customize_changeset� $ � ( � < � ��Zz���Zz� � E & $�kadenceinheritclosedclosed81-revision-v1��Zz���Zz� Qhttps://invoice.webstation.my/?p=316� revision� : b� 0 = � ��Zzՙ�Zz�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ra6j8yybwptueop9ngxp.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-1t9OnJrb">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM 2</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ra6j8yybwptueop9ngxp.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print kaya-webstation-print--landscape" id="kaya-qr-print-A3MYgimv">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">HAKIM 2</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ra6j8yybwptueop9ngxp.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-A3MYgimv"
data-filename="HAKIM-2-TAPO-2-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM 2</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO 2</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/ra6j8yybwptueop9ngxp.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPO 2publishopenopentapo-2��Zzՙ�Zz� https://invoice.webstation.my/index.php/2026/03/13/tapo-2/� post� X $ � 8�c > � ��Z}虹Z}� � B & -%trashclosedclosed8c310967-80c6-4937-b6dc-49647a8668e4��Z}虹Z}� https://invoice.webstation.my/index.php/2026/03/13/8c310967-80c6-4937-b6dc-49647a8668e4/� customize_changeset� $ � @ � ? � ��Z}虹Z}� � G & * kadenceinheritclosedclosed81-revision-v1��Z}虹Z}� Qhttps://invoice.webstation.my/?p=319� revision� : \� H
@ � ��Z~��Z~<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/bzgqims2p6xzujrapas3.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-cuypD7ry">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM 3</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/bzgqims2p6xzujrapas3.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print kaya-webstation-print--landscape" id="kaya-qr-print-6no5SpFc">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-webstation-print-customer">HAKIM 3</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/bzgqims2p6xzujrapas3.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-6no5SpFc"
data-filename="HAKIM-3-TAPO-3-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM 3</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO 3</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/bzgqims2p6xzujrapas3.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPO 3publishopenopentapo-3��Z~��Z~ https://invoice.webstation.my/index.php/2026/03/13/tapo-3/� post� X $ � P A � ��Z~���Z~� � H & 2�trashclosedclosedbb06a27e-0f94-4525-b584-4e21b309b0f2��Z~���Z~� https://invoice.webstation.my/index.php/2026/03/13/bb06a27e-0f94-4525-b584-4e21b309b0f2/� customize_changeset� $ � X � B � ��Z~���Z~� � J & /Skadenceinheritclosedclosed81-revision-v1��Z~���Z~� Qhttps://invoice.webstation.my/?p=322� revision� : :� ` � C � ��Z~���Z~�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/qjsxwnzof4osj18aqavg.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-Jia5PISC">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM 4</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/qjsxwnzof4osj18aqavg.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-aAhKYn1C">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-webstation-print-customer">HAKIM 4</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/qjsxwnzof4osj18aqavg.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-aAhKYn1C"
data-filename="HAKIM-4-TAPO-4-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM 4</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO 4</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/qjsxwnzof4osj18aqavg.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPO 4publishopenopentapo-4��Z~���Z~� https://invoice.webstation.my/index.php/2026/03/13/tapo-4/� post� X $ � h D � ��Z�W��Z�W � K & 8 trashclosedclosed239649d7-5636-4ca8-9b8d-b5012b69bac6��Z�W��Z�W https://invoice.webstation.my/index.php/2026/03/13/239649d7-5636-4ca8-9b8d-b5012b69bac6/� customize_changeset� $ � p E � ��Z�W��Z�W � M & 4hkadenceinheritclosedclosed81-revision-v1��Z�W��Z�W Qhttps://invoice.webstation.my/?p=325� revision� p p8 cg5KA��Bf E�������� g'��
� $����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised landscape template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1000px;
min-height:560px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:34px 38px;
display:flex;
align-items:center;
justify-content:space-between;
gap:34px;
}
.kaya-webstation-print-left{
flex:1 1 auto;
text-align:left;
}
.kaya-webstation-print-right{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
}
.kaya-webstation-print-company{
font-size:42px;
line-height:1.15;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-phone{
font-size:34px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-contact{
font-size:24px;
line-height:1.55;
color:#374151;
margin-bottom:4px;
}
.kaya-webstation-print-customer{
font-size:42px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-top:34px;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:300px;
max-width:300px;
height:auto;
display:block;
} g'��� � F�������� gby;
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:14mm !important;\n max-width:14mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:46:54"
}
} gby;od� G�������� g/A�
� * ����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised landscape template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1000px;
min-height:560px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:34px 38px;
display:flex;
align-items:center;
justify-content:space-between;
gap:34px;
}
.kaya-webstation-print-left{
flex:1 1 auto;
text-align:left;
}
.kaya-webstation-print-right{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
}
.kaya-webstation-print-company{
font-size:42px;
line-height:1.15;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-phone{
font-size:34px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-contact{
font-size:24px;
line-height:1.55;
color:#374151;
margin-bottom:4px;
}
.kaya-webstation-print-customer{
font-size:42px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-top:34px;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:300px;
max-width:300px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1200px;
min-height:680px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:26px 40px 30px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-left,
.kaya-webstation-print-right{
width:100%;
text-align:center;
}
.kaya-webstation-print-company{
font-size:42px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:0 0 8px 0;
}
.kaya-webstation-print-phone{
font-size:32px;
line-height:1.1;
font-weight:800;
color:#111827;
margin:0 0 10px 0;
}
.kaya-webstation-print-contact{
font-size:20px;
line-height:1.2;
color:#374151;
margin:0 0 4px 0;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1.1;
font-weight:800;
color:#111827;
margin:20px 0 14px 0;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:280px;
max-width:280px;
height:auto;
display:block;
} g/A�tw�� H�������� g1\6
� 2�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised landscape template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1000px;\n min-height:560px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:34px 38px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:34px;\n}\n\n.kaya-webstation-print-left{\n flex:1 1 auto;\n text-align:left;\n}\n\n.kaya-webstation-print-right{\n flex:0 0 auto;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-webstation-print-company{\n font-size:42px;\n line-height:1.15;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-phone{\n font-size:34px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-contact{\n font-size:24px;\n line-height:1.55;\n color:#374151;\n margin-bottom:4px;\n}\n\n.kaya-webstation-print-customer{\n font-size:42px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-top:34px;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:300px;\n max-width:300px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1200px;\n min-height:680px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:26px 40px 30px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-left,\n.kaya-webstation-print-right{\n width:100%;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:42px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:0 0 8px 0;\n}\n\n.kaya-webstation-print-phone{\n font-size:32px;\n line-height:1.1;\n font-weight:800;\n color:#111827;\n margin:0 0 10px 0;\n}\n\n.kaya-webstation-print-contact{\n font-size:20px;\n line-height:1.2;\n color:#374151;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1.1;\n font-weight:800;\n color:#111827;\n margin:20px 0 14px 0;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:280px;\n max-width:280px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1400px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:28px 40px 28px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-left,\n.kaya-webstation-print-right{\n width:100%;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:46px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-phone{\n font-size:32px;\n line-height:1.08;\n font-weight:800;\n color:#111827;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-contact{\n font-size:18px;\n line-height:1.15;\n color:#374151;\n margin:0 0 2px 0;\n}\n\n.kaya-webstation-print-right{\n margin-top:14px;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1.08;\n font-weight:800;\n color:#111827;\n margin:0 0 10px 0;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:220px;\n max-width:220px;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 07:58:00"
}
} g1\6���� I $ � �K��E� � >"�#<h ! B )infimum supremum $ � � ? � ��Z}虹Z}� � G & * kadenceinheritclosedclosed81-revision-v1��Z}虹Z}� Qhttps://invoice.webstation.my/?p=319� revision� : \�
@ � ��Z~��Z~<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/bzgqims2p6xzujrapas3.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-cuypD7ry">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM 3</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/bzgqims2p6xzujrapas3.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print kaya-webstation-print--landscape" id="kaya-qr-print-6no5SpFc">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-webstation-print-customer">HAKIM 3</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/bzgqims2p6xzujrapas3.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-6no5SpFc"
data-filename="HAKIM-3-TAPO-3-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM 3</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO 3</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/bzgqims2p6xzujrapas3.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPO 3trashopenopentapo-3__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/13/tapo-3/� post� $ � � B � ��Z~���Z~� � J & /Skadenceinheritclosedclosed81-revision-v1��Z~���Z~� Qhttps://invoice.webstation.my/?p=322� revision� : :� ( � C � ��Z~���Z~�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/qjsxwnzof4osj18aqavg.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-Jia5PISC">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM 4</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/qjsxwnzof4osj18aqavg.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-aAhKYn1C">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-webstation-print-customer">HAKIM 4</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/qjsxwnzof4osj18aqavg.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-aAhKYn1C"
data-filename="HAKIM-4-TAPO-4-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM 4</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO 4</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/qjsxwnzof4osj18aqavg.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPO 4trashopenopentapo-4__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/13/tapo-4/� post� $ � 0 � E � ��Z�W��Z�W � M & 4hkadenceinheritclosedclosed81-revision-v1��Z�W��Z�W Qhttps://invoice.webstation.my/?p=325� revision� : �� 8 l F � ��Z�m��Z�m<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/9ysufiiyi3qlrtrcrukt.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-A80b9MWB">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM 5</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/9ysufiiyi3qlrtrcrukt.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-cG8bHCjd">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">HAKIM 5</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/9ysufiiyi3qlrtrcrukt.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-cG8bHCjd"
data-filename="HAKIM-5-TAPO-5-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM 5</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO 5</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/9ysufiiyi3qlrtrcrukt.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPO 5trashopenopentapo-5__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/13/tapo-5/� post� $ � @ � H � ��Z�7��Z�7 � O & 9~kadenceinheritclosedclosed81-revision-v1��Z�7��Z�7 Qhttps://invoice.webstation.my/?p=328� revision� $ � H � J � ��Z����Z�� � R & >�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=330� revision� $ � P � L � ��Z�˙�Z�� � T & $�kadenceinheritclosedclosed81-revision-v1��Z�˙�Z�� Qhttps://invoice.webstation.my/?p=332� revision� $ � X � N � ��Z����Z�� � V & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=334� revision� $ � ` � P � ��Z�͙�Z�� � X & %ekadenceinheritclosedclosed81-revision-v1��Z�͙�Z�� Qhttps://invoice.webstation.my/?p=336� revision� $ � h � R � ��Z���Z� � Z & %Pkadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=338� revision� $ � p � T � ��Z����Z�� � \ & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=340� revision� $ � x � V � ��Z�i��Z�i � ^ & $�kadenceinheritclosedclosed81-revision-v1��Z�i��Z�i Qhttps://invoice.webstation.my/?p=342� revision� $ � � � X � ��Z�w��Z�w � ` & $�kadenceinheritclosedclosed81-revision-v1��Z�w��Z�w Qhttps://invoice.webstation.my/?p=344� revision� $ � � � Z � ��Z����Z�� � c & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=346� revision� $ � � � \ � ��Z����Z�� � e & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=348� revision� $ � � � ^ � ��Z����Z�� � g & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=350� revision� $ � � � ` � ��Z�♹Z�� � i & $�kadenceinheritclosedclosed81-revision-v1��Z�♹Z�� Qhttps://invoice.webstation.my/?p=352� revision� $ � � � b � ��Z���Z� � k & $�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=354� revision� $ � � � d � ��Z�H��Z�H � n & $�kadenceinheritclosedclosed81-revision-v1��Z�H��Z�H Qhttps://invoice.webstation.my/?p=356� revision� $ � � � f � ��Z�`��Z�` � o & $�kadenceinheritclosedclosed81-revision-v1��Z�`��Z�` Qhttps://invoice.webstation.my/?p=358� revision� $ � � � h � ��Z����Z�� � q & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=360� revision� $ � � � j � ��Z�ƙ�Z�� � s & $�kadenceinheritclosedclosed81-revision-v1��Z�ƙ�Z�� Qhttps://invoice.webstation.my/?p=362� revision� $ � � � l � ��Z�♹Z�� � u & $�kadenceinheritclosedclosed81-revision-v1��Z�♹Z�� Qhttps://invoice.webstation.my/?p=364� revision� $ � � � n � ��Z����Z�� � w & %Vkadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=366� revision� $ � � � p � ��Z�♹Z�� � y & %�kadenceinheritclosedclosed81-revision-v1��Z�♹Z�� Qhttps://invoice.webstation.my/?p=368� revision� $ � � � r � ��Z�$��Z�$ � { & %okadenceinheritclosedclosed81-revision-v1��Z�$��Z�$ Qhttps://invoice.webstation.my/?p=370� revision� $ � �� t � ��Z�2��Z�2 � ~ & %�kadenceinheritclosedclosed81-revision-v1��Z�2��Z�2 Qhttps://invoice.webstation.my/?p=372� revision� X $ � � $ � � v � ��Z�G��Z�G � & %okadenceinheritclosedclosed81-revision-v1��Z�G��Z�G Qhttps://invoice.webstation.my/?p=374� revision� X $ � �2 $ � � x � ��Z�s��Z�s � � & %#kadenceinheritclosedclosed81-revision-v1��Z�s��Z�s Qhttps://invoice.webstation.my/?p=376� revision� p9630 -*# c�K�����] J�������� g1��
� /S����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised landscape template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1000px;
min-height:560px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:34px 38px;
display:flex;
align-items:center;
justify-content:space-between;
gap:34px;
}
.kaya-webstation-print-left{
flex:1 1 auto;
text-align:left;
}
.kaya-webstation-print-right{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
}
.kaya-webstation-print-company{
font-size:42px;
line-height:1.15;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-phone{
font-size:34px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-contact{
font-size:24px;
line-height:1.55;
color:#374151;
margin-bottom:4px;
}
.kaya-webstation-print-customer{
font-size:42px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-top:34px;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:300px;
max-width:300px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1200px;
min-height:680px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:26px 40px 30px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-left,
.kaya-webstation-print-right{
width:100%;
text-align:center;
}
.kaya-webstation-print-company{
font-size:42px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:0 0 8px 0;
}
.kaya-webstation-print-phone{
font-size:32px;
line-height:1.1;
font-weight:800;
color:#111827;
margin:0 0 10px 0;
}
.kaya-webstation-print-contact{
font-size:20px;
line-height:1.2;
color:#374151;
margin:0 0 4px 0;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1.1;
font-weight:800;
color:#111827;
margin:20px 0 14px 0;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:280px;
max-width:280px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1400px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:28px 40px 28px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-left,
.kaya-webstation-print-right{
width:100%;
text-align:center;
}
.kaya-webstation-print-company{
font-size:46px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:0 0 4px 0;
}
.kaya-webstation-print-phone{
font-size:32px;
line-height:1.08;
font-weight:800;
color:#111827;
margin:0 0 4px 0;
}
.kaya-webstation-print-contact{
font-size:18px;
line-height:1.15;
color:#374151;
margin:0 0 2px 0;
}
.kaya-webstation-print-right{
margin-top:14px;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1.08;
font-weight:800;
color:#111827;
margin:0 0 10px 0;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:220px;
max-width:220px;
height:auto;
display:block;
} g1��{�ˉ K�������� g4��
� 8 ����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised landscape template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1000px;\n min-height:560px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:34px 38px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:34px;\n}\n\n.kaya-webstation-print-left{\n flex:1 1 auto;\n text-align:left;\n}\n\n.kaya-webstation-print-right{\n flex:0 0 auto;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-webstation-print-company{\n font-size:42px;\n line-height:1.15;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-phone{\n font-size:34px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-contact{\n font-size:24px;\n line-height:1.55;\n color:#374151;\n margin-bottom:4px;\n}\n\n.kaya-webstation-print-customer{\n font-size:42px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-top:34px;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:300px;\n max-width:300px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1200px;\n min-height:680px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:26px 40px 30px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-left,\n.kaya-webstation-print-right{\n width:100%;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:42px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:0 0 8px 0;\n}\n\n.kaya-webstation-print-phone{\n font-size:32px;\n line-height:1.1;\n font-weight:800;\n color:#111827;\n margin:0 0 10px 0;\n}\n\n.kaya-webstation-print-contact{\n font-size:20px;\n line-height:1.2;\n color:#374151;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1.1;\n font-weight:800;\n color:#111827;\n margin:20px 0 14px 0;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:280px;\n max-width:280px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1400px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:28px 40px 28px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-left,\n.kaya-webstation-print-right{\n width:100%;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:46px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-phone{\n font-size:32px;\n line-height:1.08;\n font-weight:800;\n color:#111827;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-contact{\n font-size:18px;\n line-height:1.15;\n color:#374151;\n margin:0 0 2px 0;\n}\n\n.kaya-webstation-print-right{\n margin-top:14px;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1.08;\n font-weight:800;\n color:#111827;\n margin:0 0 10px 0;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:220px;\n max-width:220px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1400px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:24px 40px 24px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:46px;\n line-height:1.02;\n font-weight:800;\n color:#111827;\n margin:0 0 2px 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:32px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:0 0 6px 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:18px;\n line-height:1.1;\n color:#374151;\n margin:0 0 2px 0;\n text-align:center;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1.08;\n font-weight:800;\n color:#111827;\n margin:16px 0 10px 0;\n text-align:center;\n word-break:break-word;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:220px;\n max-width:220px;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:01:23"
}
} g4�� �W L�������� g7H�
� =�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised landscape template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1000px;\n min-height:560px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:34px 38px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:34px;\n}\n\n.kaya-webstation-print-left{\n flex:1 1 auto;\n text-align:left;\n}\n\n.kaya-webstation-print-right{\n flex:0 0 auto;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-webstation-print-company{\n font-size:42px;\n line-height:1.15;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-phone{\n font-size:34px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-contact{\n font-size:24px;\n line-height:1.55;\n color:#374151;\n margin-bottom:4px;\n}\n\n.kaya-webstation-print-customer{\n font-size:42px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-top:34px;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:300px;\n max-width:300px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1200px;\n min-height:680px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:26px 40px 30px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-left,\n.kaya-webstation-print-right{\n width:100%;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:42px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:0 0 8px 0;\n}\n\n.kaya-webstation-print-phone{\n font-size:32px;\n line-height:1.1;\n font-weight:800;\n color:#111827;\n margin:0 0 10px 0;\n}\n\n.kaya-webstation-print-contact{\n font-size:20px;\n line-height:1.2;\n color:#374151;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1.1;\n font-weight:800;\n color:#111827;\n margin:20px 0 14px 0;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:280px;\n max-width:280px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1400px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:28px 40px 28px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-left,\n.kaya-webstation-print-right{\n width:100%;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:46px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-phone{\n font-size:32px;\n line-height:1.08;\n font-weight:800;\n color:#111827;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-contact{\n font-size:18px;\n line-height:1.15;\n color:#374151;\n margin:0 0 2px 0;\n}\n\n.kaya-webstation-print-right{\n margin-top:14px;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1.08;\n font-weight:800;\n color:#111827;\n margin:0 0 10px 0;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:220px;\n max-width:220px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1400px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:24px 40px 24px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:46px;\n line-height:1.02;\n font-weight:800;\n color:#111827;\n margin:0 0 2px 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:32px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:0 0 6px 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:18px;\n line-height:1.1;\n color:#374151;\n margin:0 0 2px 0;\n text-align:center;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1.08;\n font-weight:800;\n color:#111827;\n margin:16px 0 10px 0;\n text-align:center;\n word-break:break-word;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:220px;\n max-width:220px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1800px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:20px 40px 22px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:54px;\n line-height:1;\n font-weight:800;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:38px;\n line-height:1.02;\n font-weight:800;\n color:#111827;\n margin:6px 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:22px;\n line-height:1.05;\n color:#374151;\n margin:2px 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-customer{\n font-size:40px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:18px 0 8px 0;\n text-align:center;\n word-break:break-word;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:320px;\n max-width:320px;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:04:55"
}
} g7H����� M�������� g4�a
� 4h����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised landscape template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1000px;
min-height:560px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:34px 38px;
display:flex;
align-items:center;
justify-content:space-between;
gap:34px;
}
.kaya-webstation-print-left{
flex:1 1 auto;
text-align:left;
}
.kaya-webstation-print-right{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
}
.kaya-webstation-print-company{
font-size:42px;
line-height:1.15;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-phone{
font-size:34px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-contact{
font-size:24px;
line-height:1.55;
color:#374151;
margin-bottom:4px;
}
.kaya-webstation-print-customer{
font-size:42px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-top:34px;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:300px;
max-width:300px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1200px;
min-height:680px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:26px 40px 30px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-left,
.kaya-webstation-print-right{
width:100%;
text-align:center;
}
.kaya-webstation-print-company{
font-size:42px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:0 0 8px 0;
}
.kaya-webstation-print-phone{
font-size:32px;
line-height:1.1;
font-weight:800;
color:#111827;
margin:0 0 10px 0;
}
.kaya-webstation-print-contact{
font-size:20px;
line-height:1.2;
color:#374151;
margin:0 0 4px 0;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1.1;
font-weight:800;
color:#111827;
margin:20px 0 14px 0;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:280px;
max-width:280px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1400px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:28px 40px 28px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-left,
.kaya-webstation-print-right{
width:100%;
text-align:center;
}
.kaya-webstation-print-company{
font-size:46px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:0 0 4px 0;
}
.kaya-webstation-print-phone{
font-size:32px;
line-height:1.08;
font-weight:800;
color:#111827;
margin:0 0 4px 0;
}
.kaya-webstation-print-contact{
font-size:18px;
line-height:1.15;
color:#374151;
margin:0 0 2px 0;
}
.kaya-webstation-print-right{
margin-top:14px;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1.08;
font-weight:800;
color:#111827;
margin:0 0 10px 0;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:220px;
max-width:220px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1400px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:24px 40px 24px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-company{
font-size:46px;
line-height:1.02;
font-weight:800;
color:#111827;
margin:0 0 2px 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:32px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:0 0 6px 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:18px;
line-height:1.1;
color:#374151;
margin:0 0 2px 0;
text-align:center;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1.08;
font-weight:800;
color:#111827;
margin:16px 0 10px 0;
text-align:center;
word-break:break-word;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:220px;
max-width:220px;
height:auto;
display:block;
} g4�a�� N�������� gAq�
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised landscape template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1800px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:18px 36px 26px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:84px;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n white-space:nowrap;\n text-align:center;\n}\n\n.kaya-webstation-print-phone{\n font-size:56px;\n line-height:1.02;\n font-weight:900;\n color:#111827;\n margin:18px 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:32px;\n line-height:1.02;\n color:#4b5563;\n margin:8px 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-customer{\n font-size:64px;\n line-height:1.02;\n font-weight:900;\n color:#111827;\n margin:56px 0 24px 0;\n text-align:center;\n word-break:break-word;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:360px;\n max-width:360px;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:11:11"
}
} gAq�� � O�������� g7�^
� 9~����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised landscape template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1000px;
min-height:560px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:34px 38px;
display:flex;
align-items:center;
justify-content:space-between;
gap:34px;
}
.kaya-webstation-print-left{
flex:1 1 auto;
text-align:left;
}
.kaya-webstation-print-right{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
}
.kaya-webstation-print-company{
font-size:42px;
line-height:1.15;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-phone{
font-size:34px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-contact{
font-size:24px;
line-height:1.55;
color:#374151;
margin-bottom:4px;
}
.kaya-webstation-print-customer{
font-size:42px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-top:34px;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:300px;
max-width:300px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1200px;
min-height:680px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:26px 40px 30px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-left,
.kaya-webstation-print-right{
width:100%;
text-align:center;
}
.kaya-webstation-print-company{
font-size:42px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:0 0 8px 0;
}
.kaya-webstation-print-phone{
font-size:32px;
line-height:1.1;
font-weight:800;
color:#111827;
margin:0 0 10px 0;
}
.kaya-webstation-print-contact{
font-size:20px;
line-height:1.2;
color:#374151;
margin:0 0 4px 0;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1.1;
font-weight:800;
color:#111827;
margin:20px 0 14px 0;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:280px;
max-width:280px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1400px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:28px 40px 28px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-left,
.kaya-webstation-print-right{
width:100%;
text-align:center;
}
.kaya-webstation-print-company{
font-size:46px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:0 0 4px 0;
}
.kaya-webstation-print-phone{
font-size:32px;
line-height:1.08;
font-weight:800;
color:#111827;
margin:0 0 4px 0;
}
.kaya-webstation-print-contact{
font-size:18px;
line-height:1.15;
color:#374151;
margin:0 0 2px 0;
}
.kaya-webstation-print-right{
margin-top:14px;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1.08;
font-weight:800;
color:#111827;
margin:0 0 10px 0;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:220px;
max-width:220px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1400px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:24px 40px 24px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-company{
font-size:46px;
line-height:1.02;
font-weight:800;
color:#111827;
margin:0 0 2px 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:32px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:0 0 6px 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:18px;
line-height:1.1;
color:#374151;
margin:0 0 2px 0;
text-align:center;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1.08;
font-weight:800;
color:#111827;
margin:16px 0 10px 0;
text-align:center;
word-break:break-word;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:220px;
max-width:220px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1800px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:20px 40px 22px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-company{
font-size:54px;
line-height:1;
font-weight:800;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:38px;
line-height:1.02;
font-weight:800;
color:#111827;
margin:6px 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:22px;
line-height:1.05;
color:#374151;
margin:2px 0 0 0;
text-align:center;
}
.kaya-webstation-print-customer{
font-size:40px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:18px 0 8px 0;
text-align:center;
word-break:break-word;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:320px;
max-width:320px;
height:auto;
display:block;
} g7�^�R 3 P�������� g8��
� ?� Q{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised landscape template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1000px;\n min-height:560px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:34px 38px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:34px;\n}\n\n.kaya-webstation-print-left{\n flex:1 1 auto;\n text-align:left;\n}\n\n.kaya-webstation-print-right{\n flex:0 0 auto;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-webstation-print-company{\n font-size:42px;\n line-height:1.15;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-phone{\n font-size:34px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-bottom:18px;\n}\n\n.kaya-webstation-print-contact{\n font-size:24px;\n line-height:1.55;\n color:#374151;\n margin-bottom:4px;\n}\n\n.kaya-webstation-print-customer{\n font-size:42px;\n line-height:1.2;\n font-weight:800;\n color:#111827;\n margin-top:34px;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:300px;\n max-width:300px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1200px;\n min-height:680px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:26px 40px 30px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-left,\n.kaya-webstation-print-right{\n width:100%;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:42px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:0 0 8px 0;\n}\n\n.kaya-webstation-print-phone{\n font-size:32px;\n line-height:1.1;\n font-weight:800;\n color:#111827;\n margin:0 0 10px 0;\n}\n\n.kaya-webstation-print-contact{\n font-size:20px;\n line-height:1.2;\n color:#374151;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1.1;\n font-weight:800;\n color:#111827;\n margin:20px 0 14px 0;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:280px;\n max-width:280px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1400px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:28px 40px 28px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-left,\n.kaya-webstation-print-right{\n width:100%;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:46px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-phone{\n font-size:32px;\n line-height:1.08;\n font-weight:800;\n color:#111827;\n margin:0 0 4px 0;\n}\n\n.kaya-webstation-print-contact{\n font-size:18px;\n line-height:1.15;\n color:#374151;\n margin:0 0 2px 0;\n}\n\n.kaya-webstation-print-right{\n margin-top:14px;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1.08;\n font-weight:800;\n color:#111827;\n margin:0 0 10px 0;\n word-break:break-word;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-webstation-print-right .kaya-qr-download-inner img{\n width:220px;\n max-width:220px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1400px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:24px 40px 24px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:46px;\n line-height:1.02;\n font-weight:800;\n color:#111827;\n margin:0 0 2px 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:32px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:0 0 6px 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:18px;\n line-height:1.1;\n color:#374151;\n margin:0 0 2px 0;\n text-align:center;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1.08;\n font-weight:800;\n color:#111827;\n margin:16px 0 10px 0;\n text-align:center;\n word-break:break-word;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:220px;\n max-width:220px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1800px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:20px 40px 22px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:54px;\n line-height:1;\n font-weight:800;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:38px;\n line-height:1.02;\n font-weight:800;\n color:#111827;\n margin:6px 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:22px;\n line-height:1.05;\n color:#374151;\n margin:2px 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-customer{\n font-size:40px;\n line-height:1.05;\n font-weight:800;\n color:#111827;\n margin:18px 0 8px 0;\n text-align:center;\n word-break:break-word;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:320px;\n max-width:320px;\n height:auto;\n display:block;\n}\n\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1800px;\n background:#ffffff;\n border:1px solid #d1d5db;\n border-radius:18px;\n box-sizing:border-box;\n padding:18px 36px 26px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n}\n\n.kaya-webstation-print-company{\n font-size:84px;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n white-space:nowrap;\n text-align:center;\n}\n\n.kaya-webstation-print-phone{\n font-size:56px;\n line-height:1.02;\n font-weight:900;\n colorg8���[�- Q�������� g8��
� ����:#111827;\n margin:56px 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:32px;\n line-height:1.08;\n color:#4b5563;\n margin:44px 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-customer{\n font-size:64px;\n line-height:1.02;\n font-weight:900;\n color:#111827;\n margin:110px 0 28px 0;\n text-align:center;\n word-break:break-word;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:360px;\n max-width:360px;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:06:52"
}
} g8��'E�r R�������� g9&�
� >�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised landscape template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1000px;
min-height:560px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:34px 38px;
display:flex;
align-items:center;
justify-content:space-between;
gap:34px;
}
.kaya-webstation-print-left{
flex:1 1 auto;
text-align:left;
}
.kaya-webstation-print-right{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
}
.kaya-webstation-print-company{
font-size:42px;
line-height:1.15;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-phone{
font-size:34px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.kaya-webstation-print-contact{
font-size:24px;
line-height:1.55;
color:#374151;
margin-bottom:4px;
}
.kaya-webstation-print-customer{
font-size:42px;
line-height:1.2;
font-weight:800;
color:#111827;
margin-top:34px;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:300px;
max-width:300px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1200px;
min-height:680px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:26px 40px 30px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-left,
.kaya-webstation-print-right{
width:100%;
text-align:center;
}
.kaya-webstation-print-company{
font-size:42px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:0 0 8px 0;
}
.kaya-webstation-print-phone{
font-size:32px;
line-height:1.1;
font-weight:800;
color:#111827;
margin:0 0 10px 0;
}
.kaya-webstation-print-contact{
font-size:20px;
line-height:1.2;
color:#374151;
margin:0 0 4px 0;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1.1;
font-weight:800;
color:#111827;
margin:20px 0 14px 0;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:280px;
max-width:280px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1400px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:28px 40px 28px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-left,
.kaya-webstation-print-right{
width:100%;
text-align:center;
}
.kaya-webstation-print-company{
font-size:46px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:0 0 4px 0;
}
.kaya-webstation-print-phone{
font-size:32px;
line-height:1.08;
font-weight:800;
color:#111827;
margin:0 0 4px 0;
}
.kaya-webstation-print-contact{
font-size:18px;
line-height:1.15;
color:#374151;
margin:0 0 2px 0;
}
.kaya-webstation-print-right{
margin-top:14px;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1.08;
font-weight:800;
color:#111827;
margin:0 0 10px 0;
word-break:break-word;
}
.kaya-webstation-print-right .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.kaya-webstation-print-right .kaya-qr-download-inner img{
width:220px;
max-width:220px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1400px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:24px 40px 24px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-company{
font-size:46px;
line-height:1.02;
font-weight:800;
color:#111827;
margin:0 0 2px 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:32px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:0 0 6px 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:18px;
line-height:1.1;
color:#374151;
margin:0 0 2px 0;
text-align:center;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1.08;
font-weight:800;
color:#111827;
margin:16px 0 10px 0;
text-align:center;
word-break:break-word;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:220px;
max-width:220px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1800px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:20px 40px 22px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-company{
font-size:54px;
line-height:1;
font-weight:800;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:38px;
line-height:1.02;
font-weight:800;
color:#111827;
margin:6px 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:22px;
line-height:1.05;
color:#374151;
margin:2px 0 0 0;
text-align:center;
}
.kaya-webstation-print-customer{
font-size:40px;
line-height:1.05;
font-weight:800;
color:#111827;
margin:18px 0 8px 0;
text-align:center;
word-break:break-word;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:320px;
max-width:320px;
height:auto;
display:block;
}
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1800px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:18px 36px 26px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-company{
font-size:84px;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
white-space:nowrap;
text-align:center;
}
.kaya-webstation-print-phone{
font-size:56px;
line-height:1.02;
font-weight:900;
color:#111827;
margin:56px 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:32px;
line-height:1.08;
color:#4b5563;
margin:44px 0 0 0;
text-align:center;
}
.kaya-webstation-print-customer{
font-size:64px;
line-height:1.02;
font-weight:900;
color:#111827;
margin:110px 0 28px 0;
text-align:center;
word-break:break-word;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:360px;
max-width:360px;
height:auto;
display:block;
} g9&��
� S�������� gH�-
� (6����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1200px; /* scaled up 60x40 ratio */\n height:800px; /* scaled up 60x40 ratio */\n background:#ffffff;\n box-sizing:border-box;\n padding:34px 36px 24px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:56px;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n transform:scaleX(0.88);\n transform-origin:center center;\n}\n\n.kaya-webstation-print-phone{\n font-size:34px;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:18px 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:16px;\n line-height:1.05;\n color:#4b5563;\n margin:6px 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:34px;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:24px 0 14px 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:320px;\n max-width:320px;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:23:13"
}
} gH�-��z T�������� gA��
� $����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised landscape template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1800px;
background:#ffffff;
border:1px solid #d1d5db;
border-radius:18px;
box-sizing:border-box;
padding:18px 36px 26px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}
.kaya-webstation-print-company{
font-size:84px;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
white-space:nowrap;
text-align:center;
}
.kaya-webstation-print-phone{
font-size:56px;
line-height:1.02;
font-weight:900;
color:#111827;
margin:18px 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:32px;
line-height:1.02;
color:#4b5563;
margin:8px 0 0 0;
text-align:center;
}
.kaya-webstation-print-customer{
font-size:64px;
line-height:1.02;
font-weight:900;
color:#111827;
margin:56px 0 24px 0;
text-align:center;
word-break:break-word;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:360px;
max-width:360px;
height:auto;
display:block;
} gA��5��� U�������� gE�
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n border:0;\n border-radius:0;\n box-sizing:border-box;\n padding:2mm 2mm 2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n}\n\n.kaya-webstation-print-company{\n font-size:4.2mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n white-space:nowrap;\n text-align:center;\n}\n\n.kaya-webstation-print-phone{\n font-size:3.2mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.5mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3.3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.5mm 0 1mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:13mm;\n max-width:13mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:18:12"
}
} gE��@� V�������� gF?�
� $���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
border:0;
border-radius:0;
box-sizing:border-box;
padding:2mm 2mm 2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
}
.kaya-webstation-print-company{
font-size:4.2mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
white-space:nowrap;
text-align:center;
}
.kaya-webstation-print-phone{
font-size:3.2mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.5mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3.3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.5mm 0 1mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:13mm;
max-width:13mm;
height:auto;
display:block;
} gF?��
+� W�������� gMj
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:14mm;\n max-width:14mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:31:59"
}
} gMj�J � X�������� gIR
� %e����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1200px; /* scaled up 60x40 ratio */
height:800px; /* scaled up 60x40 ratio */
background:#ffffff;
box-sizing:border-box;
padding:34px 36px 24px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:56px;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
transform:scaleX(0.88);
transform-origin:center center;
}
.kaya-webstation-print-phone{
font-size:34px;
line-height:1;
font-weight:900;
color:#111827;
margin:18px 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:16px;
line-height:1.05;
color:#4b5563;
margin:6px 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:34px;
line-height:1;
font-weight:900;
color:#111827;
margin:24px 0 14px 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:320px;
max-width:320px;
height:auto;
display:block;
} gIRi��� Y�������� gK2
� (!����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:1200px; /* 60:40 ratio */\n height:800px; /* 60:40 ratio */\n background:#ffffff;\n box-sizing:border-box;\n padding:26px 34px 20px;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:60px;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n transform:scaleX(0.9);\n transform-origin:center center;\n}\n\n.kaya-webstation-print-phone{\n font-size:38px;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:14px 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:18px;\n line-height:1.05;\n color:#4b5563;\n margin:6px 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:42px;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:28px 0 14px 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:300px;\n max-width:300px;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:28:03"
}
} gK2�� Z�������� gKo,
� %P����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:1200px; /* 60:40 ratio */
height:800px; /* 60:40 ratio */
background:#ffffff;
box-sizing:border-box;
padding:26px 34px 20px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:60px;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
transform:scaleX(0.9);
transform-origin:center center;
}
.kaya-webstation-print-phone{
font-size:38px;
line-height:1;
font-weight:900;
color:#111827;
margin:14px 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:18px;
line-height:1.05;
color:#4b5563;
margin:6px 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:42px;
line-height:1;
font-weight:900;
color:#111827;
margin:28px 0 14px 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:300px;
max-width:300px;
height:auto;
display:block;
} gKo,�� [�������� gO�<
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:2mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:14mm;\n max-width:14mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:33:55"
}
} gO�<cd�! \�������� gMmm
� $����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:14mm;
max-width:14mm;
height:auto;
display:block;
} gMmm�h-T ]�������� gN�T
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:1mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:14mm;\n max-width:14mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:33:41"
}
} gN�TE/� ^�������� gN�
� $����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:1mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:14mm;
max-width:14mm;
height:auto;
display:block;
} gN��ը. _�������� gP��
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:14mm;\n max-width:14mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:34:34"
}
} gP��g�ϳ `�������� gP;
� $����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:2mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:14mm;
max-width:14mm;
height:auto;
display:block;
} gP;�?�� a�������� gPR�
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:14mm;\n max-width:14mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:34:14"
}
} gPR��!a� b�������� ga��
� '��{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:14mm !important;\n max-width:14mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:45:51"
}
} ga���2] c�������� gP��
� $����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:14mm;
max-width:14mm;
height:auto;
display:block;
} gP��� d�������� gQ�e
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:14mm;\n max-width:14mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:34:58"
}
} gQ�e�cC� e�������� gQC#
� $����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:14mm;
max-width:14mm;
height:auto;
display:block;
} gQC#=�� f I � gqf�E� � 4l�<� B )infimum supremum X $ � ] � ��Z����Z�� � d & '�trashclosedcloseda611bb1a-67f1-46e0-ae16-61395a43a490��Z����Z�� https://invoice.webstation.my/index.php/2026/03/13/a611bb1a-67f1-46e0-ae16-61395a43a490/� customize_changeset� $ � � ^ � ��Z����Z�� � g & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=350� revision� X $ � _ � ��Z�♹Z�� � h & '�trashclosedclosed39e74b0b-5c37-4d61-a38f-7de61fd9b6bf��Z�♹Z�� https://invoice.webstation.my/index.php/2026/03/13/39e74b0b-5c37-4d61-a38f-7de61fd9b6bf/� customize_changeset� $ � ( � ` � ��Z�♹Z�� � i & $�kadenceinheritclosedclosed81-revision-v1��Z�♹Z�� Qhttps://invoice.webstation.my/?p=352� revision� X $ � 0 a � ��Z���Z� � j & '�trashclosedclosed1bfd577f-78ca-451e-ba1a-8ead594b6747��Z���Z� https://invoice.webstation.my/index.php/2026/03/13/1bfd577f-78ca-451e-ba1a-8ead594b6747/� customize_changeset� $ � 8 � b � ��Z���Z� � k & $�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=354� revision� $ $ � @ � c � ��Z�H��Z�H � m & '�trashclosedclosedd7302203-771c-4b1f-b18c-7edda07473a4��Z�H��Z�H https://invoice.webstation.my/?p=355� customize_changeset� $ � H � d � ��Z�H��Z�H � n & $�kadenceinheritclosedclosed81-revision-v1��Z�H��Z�H Qhttps://invoice.webstation.my/?p=356� revision� X $ � P e � ��Z�`��Z�` � l & '�trashclosedclosed67429898-6b2e-4296-9de7-fd3d551d2fce��Z�`��Z�` https://invoice.webstation.my/index.php/2026/03/13/67429898-6b2e-4296-9de7-fd3d551d2fce/� customize_changeset� $ � X � f � ��Z�`��Z�` � o & $�kadenceinheritclosedclosed81-revision-v1��Z�`��Z�` Qhttps://invoice.webstation.my/?p=358� revision� X $ � ` g � ��Z����Z�� � p & '�trashclosedclosedb0608580-5a44-4f1b-91f1-003e2e4c6912��Z����Z�� https://invoice.webstation.my/index.php/2026/03/13/b0608580-5a44-4f1b-91f1-003e2e4c6912/� customize_changeset� $ � h � h � ��Z����Z�� � q & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=360� revision� X $ � p i � ��Z�ƙ�Z�� � r & '�trashclosedclosedb74381ca-5b4a-411d-80a4-cd5f76043d22��Z�ƙ�Z�� https://invoice.webstation.my/index.php/2026/03/13/b74381ca-5b4a-411d-80a4-cd5f76043d22/� customize_changeset� $ � x � j � ��Z�ƙ�Z�� � s & $�kadenceinheritclosedclosed81-revision-v1��Z�ƙ�Z�� Qhttps://invoice.webstation.my/?p=362� revision� X $ � � k � ��Z�♹Z�� � t & '�trashclosedclosedae3bf031-7b33-4c27-9331-09fd2732517a��Z�♹Z�� https://invoice.webstation.my/index.php/2026/03/13/ae3bf031-7b33-4c27-9331-09fd2732517a/� customize_changeset� $ � � � l � ��Z�♹Z�� � u & $�kadenceinheritclosedclosed81-revision-v1��Z�♹Z�� Qhttps://invoice.webstation.my/?p=364� revision� X $ � � m � ��Z����Z�� � v & ( trashclosedclosedc03304fc-d4f7-4499-a835-7ed8a196187a��Z����Z�� https://invoice.webstation.my/index.php/2026/03/13/c03304fc-d4f7-4499-a835-7ed8a196187a/� customize_changeset� $ � � � n � ��Z����Z�� � w & %Vkadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=366� revision� X $ � � o � ��Z�♹Z�� � x & (xtrashclosedclosed32406e33-70f9-45c1-a95a-9a7a858396eb��Z�♹Z�� https://invoice.webstation.my/index.php/2026/03/13/32406e33-70f9-45c1-a95a-9a7a858396eb/� customize_changeset� $ � � � p � ��Z�♹Z�� � y & %�kadenceinheritclosedclosed81-revision-v1��Z�♹Z�� Qhttps://invoice.webstation.my/?p=368� revision� X $ � � q � ��Z�$��Z�$ � z & (4trashclosedcloseddad905b3-bbd7-40e9-84d7-c3c8ab3776bb��Z�$��Z�$ https://invoice.webstation.my/index.php/2026/03/13/dad905b3-bbd7-40e9-84d7-c3c8ab3776bb/� customize_changeset� $ � � � r � ��Z�$��Z�$ � { & %okadenceinheritclosedclosed81-revision-v1��Z�$��Z�$ Qhttps://invoice.webstation.my/?p=370� revision� $ $ � � � s � ��Z�2��Z�2 � } & (Jtrashclosedclosedc501ec89-5e4b-4454-997d-2aa47d619e79��Z�2��Z�2 https://invoice.webstation.my/?p=371� customize_changeset� $ � � � t � ��Z�2��Z�2 � ~ & %�kadenceinheritclosedclosed81-revision-v1��Z�2��Z�2 Qhttps://invoice.webstation.my/?p=372� revision� X $ � � u � ��Z�G��Z�G � | & (4trashclosedclosed41d75df0-4a29-4d01-99cb-9afe10a0eecd��Z�G��Z�G https://invoice.webstation.my/index.php/2026/03/13/41d75df0-4a29-4d01-99cb-9afe10a0eecd/� customize_changeset� $ � � � v � ��Z�G��Z�G � & %okadenceinheritclosedclosed81-revision-v1��Z�G��Z�G Qhttps://invoice.webstation.my/?p=374� revision� X $ � � w � ��Z�s��Z�s � b & '�trashclosedclosedaf37f225-ec8f-4eb2-9f5e-bff6f83e6ecc��Z�s��Z�s https://invoice.webstation.my/index.php/2026/03/13/af37f225-ec8f-4eb2-9f5e-bff6f83e6ecc/� customize_changeset� $ � � � x � ��Z�s��Z�s � � & %#kadenceinheritclosedclosed81-revision-v1��Z�s��Z�s Qhttps://invoice.webstation.my/?p=376� revision� X $ � ��� y � ��Z����Z�� � F & '�trashclosedclosed251ec324-9317-43c3-a643-bf4b5f86e2b3��Z����Z�� https://invoice.webstation.my/index.php/2026/03/13/251ec324-9317-43c3-a643-bf4b5f86e2b3/� customize_changeset� $ � � � z � ��Z����Z�� � � & %%kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=378� revision� X $ � { � ��Z�^��Z�^ � � & (ftrashclosedclosedcc44ca2f-2329-4507-bbdf-d057673f7090��Z�^��Z�^ https://invoice.webstation.my/index.php/2026/03/13/cc44ca2f-2329-4507-bbdf-d057673f7090/� customize_changeset� $ � � | � ��Z�^��Z�^ � � & %�kadenceinheritclosedclosed81-revision-v1��Z�^��Z�^ Qhttps://invoice.webstation.my/?p=380� revision� X $ � } � ��Z�t��Z�t � � & (ftrashclosedclosed4bb6b83a-0678-4e55-b804-c82616f0d481��Z�t��Z�t https://invoice.webstation.my/index.php/2026/03/13/4bb6b83a-0678-4e55-b804-c82616f0d481/� customize_changeset� $ � � ~ � ��Z�t��Z�t � � & %�kadenceinheritclosedclosed81-revision-v1��Z�t��Z�t Qhttps://invoice.webstation.my/?p=382� revision� X $ � � ��Z����Z�� � � & (etrashclosedclosed3e821ee1-da34-4582-8ed4-3f52cffd705e��Z����Z�� https://invoice.webstation.my/index.php/2026/03/13/3e821ee1-da34-4582-8ed4-3f52cffd705e/� customize_changeset� $ �( � � � ��Z����Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=384� revision� X $ � 0 � � ��Z�ޙ�Z�� � � & (gtrashclosedclosed0b7a92a4-0b4b-44a5-962e-193f7acd3756��Z�ޙ�Z�� https://invoice.webstation.my/index.php/2026/03/13/0b7a92a4-0b4b-44a5-962e-193f7acd3756/� customize_changeset� $ � 8 � � � ��Z�ޙ�Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z�ޙ�Z�� Qhttps://invoice.webstation.my/?p=386� revision� X $ � @ � � ��Z���Z� � � & (ktrashclosedcloseddad45f21-3e3f-4bd9-a9de-4a5ac7e1565f��Z���Z� https://invoice.webstation.my/index.php/2026/03/13/dad45f21-3e3f-4bd9-a9de-4a5ac7e1565f/� customize_changeset� $ �H � � � ��Z���Z� � � & %�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=388� revision� X $ � P � � ��Z���Z� � � & (ktrashclosedclosedaa5ef579-cad6-4cee-bbfe-8a98b560aa6d��Z���Z� https://invoice.webstation.my/index.php/2026/03/13/aa5ef579-cad6-4cee-bbfe-8a98b560aa6d/� customize_changeset� $ � X � � � ��Z���Z� � � & %�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=390� revision� X $ � ` � � ��Z�^��Z�^ � � & (ktrashclosedclosed0b89e153-1df2-450a-871e-3924019a58fe��Z�^��Z�^ https://invoice.webstation.my/index.php/2026/03/13/0b89e153-1df2-450a-871e-3924019a58fe/� customize_changeset� $ �h � � � ��Z�^��Z�^ � � & %�kadenceinheritclosedclosed81-revision-v1��Z�^��Z�^ Qhttps://invoice.webstation.my/?p=392� revision� X $ � p � � ��Z�r��Z�r � � & (ktrashclosedclosedc3c0e114-eed2-4db4-a73f-992c46deca91��Z�r��Z�r https://invoice.webstation.my/index.php/2026/03/13/c3c0e114-eed2-4db4-a73f-992c46deca91/� customize_changeset� $ � x � � � ��Z�r��Z�r � � & %�kadenceinheritclosedclosed81-revision-v1��Z�r��Z�r Qhttps://invoice.webstation.my/?p=394� revision� X $ � � � � ��Z�z��Z�z � � & (ktrashclosedclosed84e89f5d-cbf0-46f9-be5f-ffad715109f5��Z�z��Z�z https://invoice.webstation.my/index.php/2026/03/13/84e89f5d-cbf0-46f9-be5f-ffad715109f5/� customize_changeset� $ �� � � � ��Z�z��Z�z � � & %�kadenceinheritclosedclosed81-revision-v1��Z�z��Z�z Qhttps://invoice.webstation.my/?p=396� revision� $ $ � � � � � ��Z�ƙ�Z�� � � & (ttrashclosedclosed33693e0b-c285-4b95-ad0b-faa8c2de795f��Z�ƙ�Z�� https://invoice.webstation.my/?p=397� customize_changeset� $ � � � � � ��Z�ƙ�Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z�ƙ�Z�� Qhttps://invoice.webstation.my/?p=398� revision� X $ � � � � ��Z��Z�� � � & (�trashclosedclosed15ef39c6-2d12-4a60-954d-88dff1604614��Z��Z�� https://invoice.webstation.my/index.php/2026/03/13/15ef39c6-2d12-4a60-954d-88dff1604614/� customize_changeset� $ �� � � � ��Z��Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z��Z�� Qhttps://invoice.webstation.my/?p=400� revision� X $ � � � � ��Z���Z� � � & (~trashclosedclosed042f8d19-d6e0-441b-9d22-a1c591e44f8f��Z���Z� https://invoice.webstation.my/index.php/2026/03/13/042f8d19-d6e0-441b-9d22-a1c591e44f8f/� customize_changeset� $ � � � � � ��Z���Z� � � & %�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=402� revision� X $ � � � � ��Z���Z� � � & (~trashclosedclosedd40f54cc-88df-499d-88bb-474a37463de4��Z���Z� https://invoice.webstation.my/index.php/2026/03/13/d40f54cc-88df-499d-88bb-474a37463de4/� customize_changeset� $ � � � � � ��Z���Z� � � & %�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=404� revision� X $ � � � � ��Z�+��Z�+ � � & (~trashclosedclosedab037e0a-f92c-4a1c-b329-756f9ec94caa��Z�+��Z�+ https://invoice.webstation.my/index.php/2026/03/13/ab037e0a-f92c-4a1c-b329-756f9ec94caa/� customize_changeset� $ � � � � ��Z�+��Z�+ � � & %�kadenceinheritclosedclosed81-revision-v1��Z�+��Z�+ Qhttps://invoice.webstation.my/?p=406� revision� p.O*�'C#� p�#�
w�k cgqf��e i g�������� gQ�O
� $���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:14mm;
max-width:14mm;
height:auto;
display:block;
} gQ�OA�WW h�������� gR�o
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:2mm;\n line-height:1;\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:14mm;\n max-width:14mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:35:34"
}
} gR�o�C�� i�������� gR��
� $����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:2mm;
line-height:1;
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:14mm;
max-width:14mm;
height:auto;
display:block;
} gR����� j�������� gS��
� '����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.5mm;\n line-height:1;\n\tletter-spacing: 2px\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:14mm;\n max-width:14mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:36:27"
}
} gS��*�� k�������� gS�
� $�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.5mm;
line-height:1;
letter-spacing: 2px
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:14mm;
max-width:14mm;
height:auto;
display:block;
} gS���� l�������� gU�
� '����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.5mm;\n line-height:1;\n\tletter-spacing: 2px\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:1mm;\n max-width:1mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:37:32"
}
} gU�%�T m�������� gT
� '����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.5mm;\n line-height:1;\n\tletter-spacing: 2px\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:5mm;\n max-width:5mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:37:08"
}
} gT��� n�������� gU%h
� $�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.5mm;
line-height:1;
letter-spacing: 2px
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:5mm;
max-width:5mm;
height:auto;
display:block;
} gU%h��^� o�������� gV?�
� $�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.5mm;
line-height:1;
letter-spacing: 2px
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:1mm;
max-width:1mm;
height:auto;
display:block;
} gV?��vA p�������� gV��
� '����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:120mm;\n height:80mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.5mm;\n line-height:1;\n\tletter-spacing: 2px\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1.2mm 0 0.8mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:1mm;\n max-width:1mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:38:19"
}
} gV��Y�X� q�������� gWS@
� $�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:120mm;
height:80mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.5mm;
line-height:1;
letter-spacing: 2px
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:1mm;
max-width:1mm;
height:auto;
display:block;
} gWS@�� r�������� gW��
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:120mm;\n height:80mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.5mm;\n line-height:1;\n\tletter-spacing: 2px\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:1mm;\n max-width:1mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:39:06"
}
} gW������ s�������� gX
�
� $����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:120mm;
height:80mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.5mm;
line-height:1;
letter-spacing: 2px
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:1mm;
max-width:1mm;
height:auto;
display:block;
} gX
�D;� t�������� gY5�
� '�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:120mm;\n height:80mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0;\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.5mm;\n line-height:1;\n\tletter-spacing: 2px\n color:#4b5563;\n margin:0.4mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\t\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:inline;\n justify-content:center;\n align-items:center;\n margin:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:1mm;\n max-width:1mm;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:39:34"
}
} gY5��J� u�������� gY�
� $���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:120mm;
height:80mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.5mm;
line-height:1;
letter-spacing: 2px
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:inline;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:1mm;
max-width:1mm;
height:auto;
display:block;
} gY�o V v�������� g[�
� ( ����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm Print Template ===== */\n.kaya-qr-print-template {\n position: fixed;\n left: -10000px;\n top: 0;\n z-index: -1;\n opacity: 1;\n pointer-events: none;\n}\n\n.kaya-webstation-print {\n width: 60mm;\n height: 40mm;\n background: #ffffff;\n box-sizing: border-box;\n padding: 1.5mm; /* Reduced padding to maximize space */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n text-align: center;\n border: 0;\n border-radius: 0;\n}\n\n.kaya-webstation-print-company {\n font-size: 2.8mm; /* Slightly smaller to prevent wrapping */\n line-height: 1.1;\n font-weight: 900;\n color: #111827;\n margin: 0;\n text-transform: uppercase;\n}\n\n.kaya-webstation-print-phone {\n font-size: 2.8mm;\n line-height: 1;\n font-weight: 900;\n color: #111827;\n margin: 0.5mm 0;\n}\n\n.kaya-webstation-print-contact {\n font-size: 1.2mm; /* Any smaller and it becomes a blur */\n line-height: 1.2;\n letter-spacing: 0.1mm;\n color: #4b5563;\n margin-bottom: 1mm;\n white-space: nowrap;\n}\n\n.kaya-webstation-print-customer {\n font-size: 2.8mm;\n line-height: 1;\n font-weight: 900;\n color: #111827;\n margin-bottom: 1mm;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img {\n width: 22mm; /* Optimized for a 40mm total height */\n height: 22mm;\n display: block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:42:14"
}
} g[� x� w�������� g\3
� %V����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm Print Template ===== */
.kaya-qr-print-template {
position: fixed;
left: -10000px;
top: 0;
z-index: -1;
opacity: 1;
pointer-events: none;
}
.kaya-webstation-print {
width: 60mm;
height: 40mm;
background: #ffffff;
box-sizing: border-box;
padding: 1.5mm; /* Reduced padding to maximize space */
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
border: 0;
border-radius: 0;
}
.kaya-webstation-print-company {
font-size: 2.8mm; /* Slightly smaller to prevent wrapping */
line-height: 1.1;
font-weight: 900;
color: #111827;
margin: 0;
text-transform: uppercase;
}
.kaya-webstation-print-phone {
font-size: 2.8mm;
line-height: 1;
font-weight: 900;
color: #111827;
margin: 0.5mm 0;
}
.kaya-webstation-print-contact {
font-size: 1.2mm; /* Any smaller and it becomes a blur */
line-height: 1.2;
letter-spacing: 0.1mm;
color: #4b5563;
margin-bottom: 1mm;
white-space: nowrap;
}
.kaya-webstation-print-customer {
font-size: 2.8mm;
line-height: 1;
font-weight: 900;
color: #111827;
margin-bottom: 1mm;
}
.kaya-webstation-print .kaya-qr-download-inner {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.kaya-webstation-print .kaya-qr-download-inner img {
width: 22mm; /* Optimized for a 40mm total height */
height: 22mm;
display: block;
} g\3��5: x�������� g^jt
� (x����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== Optimized 60mm x 40mm Print Template ===== */\n.kaya-qr-print-template {\n position: fixed;\n left: -10000px;\n top: 0;\n z-index: -1;\n opacity: 1;\n}\n\n.kaya-webstation-print {\n width: 60mm;\n height: 40mm;\n background: #ffffff;\n box-sizing: border-box;\n padding: 1mm; /* Tightened padding */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start; /* Keeps things from drifting too low */\n text-align: center;\n overflow: hidden; /* Prevents visual spillover */\n border: 0;\n}\n\n.kaya-webstation-print-company {\n font-size: 2.8mm;\n line-height: 1.1;\n font-weight: 900;\n color: #111827;\n margin: 0;\n text-transform: uppercase;\n}\n\n.kaya-webstation-print-phone {\n font-size: 3.2mm; /* Kept large for importance */\n line-height: 1;\n font-weight: 900;\n color: #111827;\n margin: 0.5mm 0 0.2mm 0;\n}\n\n.kaya-webstation-print-contact {\n font-size: 1.2mm;\n line-height: 1.1;\n color: #4b5563;\n margin: 0;\n /* Reduced letter spacing to keep it within width */\n letter-spacing: 0.1mm; \n}\n\n.kaya-webstation-print-customer {\n font-size: 3.0mm;\n line-height: 1.2;\n font-weight: 900;\n color: #111827;\n margin-top: 1mm;\n margin-bottom: 1mm;\n text-transform: uppercase;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner {\n width: 100%;\n display: flex;\n justify-content: center;\n margin: 0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img {\n /* Set to 18mm to ensure it fits safely with the text above */\n width: 18mm; \n height: 18mm;\n display: block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:43:34"
}
} g^jtL4 E y�������� g^�(
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== Optimized 60mm x 40mm Print Template ===== */
.kaya-qr-print-template {
position: fixed;
left: -10000px;
top: 0;
z-index: -1;
opacity: 1;
}
.kaya-webstation-print {
width: 60mm;
height: 40mm;
background: #ffffff;
box-sizing: border-box;
padding: 1mm; /* Tightened padding */
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start; /* Keeps things from drifting too low */
text-align: center;
overflow: hidden; /* Prevents visual spillover */
border: 0;
}
.kaya-webstation-print-company {
font-size: 2.8mm;
line-height: 1.1;
font-weight: 900;
color: #111827;
margin: 0;
text-transform: uppercase;
}
.kaya-webstation-print-phone {
font-size: 3.2mm; /* Kept large for importance */
line-height: 1;
font-weight: 900;
color: #111827;
margin: 0.5mm 0 0.2mm 0;
}
.kaya-webstation-print-contact {
font-size: 1.2mm;
line-height: 1.1;
color: #4b5563;
margin: 0;
/* Reduced letter spacing to keep it within width */
letter-spacing: 0.1mm;
}
.kaya-webstation-print-customer {
font-size: 3.0mm;
line-height: 1.2;
font-weight: 900;
color: #111827;
margin-top: 1mm;
margin-bottom: 1mm;
text-transform: uppercase;
}
.kaya-webstation-print .kaya-qr-download-inner {
width: 100%;
display: flex;
justify-content: center;
margin: 0;
}
.kaya-webstation-print .kaya-qr-download-inner img {
/* Set to 18mm to ensure it fits safely with the text above */
width: 18mm;
height: 18mm;
display: block;
} g^�(:�$ z�������� g_(�
� (4����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template {\n position: fixed;\n left: -10000px;\n top: 0;\n z-index: -1;\n}\n\n.kaya-webstation-print {\n width: 60mm;\n height: 40mm;\n background: #ffffff;\n box-sizing: border-box;\n padding: 1mm 2mm; /* 1mm top/bottom, 2mm sides */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n text-align: center;\n overflow: hidden;\n}\n\n.kaya-webstation-print-company {\n font-size: 2.8mm;\n font-weight: 900;\n color: #111827;\n margin: 0 0 0.2mm 0;\n line-height: 1.1;\n text-transform: uppercase;\n}\n\n.kaya-webstation-print-phone {\n font-size: 3.2mm;\n font-weight: 900;\n color: #111827;\n margin: 0; /* Removed margin to prevent overlap */\n line-height: 1.2;\n}\n\n.kaya-webstation-print-contact {\n font-size: 1.1mm; /* Extremely small for print */\n line-height: 1.3; /* Increased for readability/spacing */\n color: #4b5563;\n margin: 0.2mm 0 0.8mm 0;\n white-space: nowrap;\n}\n\n.kaya-webstation-print-customer {\n font-size: 3.2mm;\n font-weight: 900;\n color: #111827;\n margin: 0.5mm 0 1mm 0;\n text-transform: uppercase;\n border-top: 0.1mm solid #eee; /* Light separator */\n padding-top: 0.5mm;\n width: 80%;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner {\n display: block;\n margin: 0 auto;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img {\n width: 15mm; /* Reduced to 15mm to save the bottom edge */\n height: 15mm;\n display: block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:44:36"
}
} g_(����� {�������� g_|�
� %o����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template {
position: fixed;
left: -10000px;
top: 0;
z-index: -1;
}
.kaya-webstation-print {
width: 60mm;
height: 40mm;
background: #ffffff;
box-sizing: border-box;
padding: 1mm 2mm; /* 1mm top/bottom, 2mm sides */
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
overflow: hidden;
}
.kaya-webstation-print-company {
font-size: 2.8mm;
font-weight: 900;
color: #111827;
margin: 0 0 0.2mm 0;
line-height: 1.1;
text-transform: uppercase;
}
.kaya-webstation-print-phone {
font-size: 3.2mm;
font-weight: 900;
color: #111827;
margin: 0; /* Removed margin to prevent overlap */
line-height: 1.2;
}
.kaya-webstation-print-contact {
font-size: 1.1mm; /* Extremely small for print */
line-height: 1.3; /* Increased for readability/spacing */
color: #4b5563;
margin: 0.2mm 0 0.8mm 0;
white-space: nowrap;
}
.kaya-webstation-print-customer {
font-size: 3.2mm;
font-weight: 900;
color: #111827;
margin: 0.5mm 0 1mm 0;
text-transform: uppercase;
border-top: 0.1mm solid #eee; /* Light separator */
padding-top: 0.5mm;
width: 80%;
}
.kaya-webstation-print .kaya-qr-download-inner {
display: block;
margin: 0 auto;
}
.kaya-webstation-print .kaya-qr-download-inner img {
width: 15mm; /* Reduced to 15mm to save the bottom edge */
height: 15mm;
display: block;
} g_|́�u |�������� g`�/
� (4����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template {\n position: fixed;\n left: -10000px;\n top: 0;\n z-index: -1;\n}\n\n.kaya-webstation-print {\n width: 60mm;\n height: 40mm;\n background: #ffffff;\n box-sizing: border-box;\n padding: 1mm 2mm; /* 1mm top/bottom, 2mm sides */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n text-align: center;\n overflow: hidden;\n}\n\n.kaya-webstation-print-company {\n font-size: 2.8mm;\n font-weight: 900;\n color: #111827;\n margin: 0 0 0.2mm 0;\n line-height: 1.1;\n text-transform: uppercase;\n}\n\n.kaya-webstation-print-phone {\n font-size: 3.2mm;\n font-weight: 900;\n color: #111827;\n margin: 0; /* Removed margin to prevent overlap */\n line-height: 1.2;\n}\n\n.kaya-webstation-print-contact {\n font-size: 1.1mm; /* Extremely small for print */\n line-height: 1.3; /* Increased for readability/spacing */\n color: #4b5563;\n margin: 0.2mm 0 0.8mm 0;\n white-space: nowrap;\n}\n\n.kaya-webstation-print-customer {\n font-size: 3.2mm;\n font-weight: 900;\n color: #111827;\n margin: 0.5mm 0 1mm 0;\n text-transform: uppercase;\n border-top: 0.1mm solid #eee; /* Light separator */\n padding-top: 0.5mm;\n width: 80%;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner {\n display: block;\n margin: 0 auto;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img {\n width: 15mm; /* Reduced to 15mm to save the bottom edge */\n height: 15mm;\n display: block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:45:07"
}
} g`�/�g� }�������� g_�
� (J����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template {\n position: fixed;\n left: -10000px;\n top: 0;\n z-index: -1;\n}\n\n.kaya-webstation-print {\n width: 60mm;\n height: 40mm;\n background: #ffffff;\n box-sizing: border-box;\n padding: 1mm 2mm; /* 1mm top/bottom, 2mm sides */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n text-align: center;\n overflow: hidden;\n}\n\n.kaya-webstation-print-company {\n font-size: 2.8mm;\n font-weight: 900;\n color: #111827;\n margin: 0 0 0.2mm 0;\n line-height: 1.1;\n text-transform: uppercase;\n}\n\n.kaya-webstation-print-phone {\n font-size: 3.2mm;\n font-weight: 900;\n color: #111827;\n margin: 0; /* Removed margin to prevent overlap */\n line-height: 1.2;\n}\n\n.kaya-webstation-print-contact {\n font-size: 1.1mm; /* Extremely small for print */\n line-height: 1.3; /* Increased for readability/spacing */\n color: #4b5563;\n margin: 0.2mm 0 0.8mm 0;\n white-space: nowrap;\n}\n\n.kaya-webstation-print-customer {\n font-size: 3.2mm;\n font-weight: 900;\n color: #111827;\n margin: 0.5mm 0 1mm 0;\n text-transform: uppercase;\n border-top: 0.1mm solid #eee; /* Light separator */\n padding-top: 0.5mm;\n width: 80%;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner {\n display: block;\n margin: 0 auto;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img {\n width: 15mm !important; /* Reduced to 15mm to save the bottom edge */\n height: 15mm !important;\n display: block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:44:50"
}
} g_�(1{3 ~�������� g`F�
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template {
position: fixed;
left: -10000px;
top: 0;
z-index: -1;
}
.kaya-webstation-print {
width: 60mm;
height: 40mm;
background: #ffffff;
box-sizing: border-box;
padding: 1mm 2mm; /* 1mm top/bottom, 2mm sides */
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
overflow: hidden;
}
.kaya-webstation-print-company {
font-size: 2.8mm;
font-weight: 900;
color: #111827;
margin: 0 0 0.2mm 0;
line-height: 1.1;
text-transform: uppercase;
}
.kaya-webstation-print-phone {
font-size: 3.2mm;
font-weight: 900;
color: #111827;
margin: 0; /* Removed margin to prevent overlap */
line-height: 1.2;
}
.kaya-webstation-print-contact {
font-size: 1.1mm; /* Extremely small for print */
line-height: 1.3; /* Increased for readability/spacing */
color: #4b5563;
margin: 0.2mm 0 0.8mm 0;
white-space: nowrap;
}
.kaya-webstation-print-customer {
font-size: 3.2mm;
font-weight: 900;
color: #111827;
margin: 0.5mm 0 1mm 0;
text-transform: uppercase;
border-top: 0.1mm solid #eee; /* Light separator */
padding-top: 0.5mm;
width: 80%;
}
.kaya-webstation-print .kaya-qr-download-inner {
display: block;
margin: 0 auto;
}
.kaya-webstation-print .kaya-qr-download-inner img {
width: 15mm !important; /* Reduced to 15mm to save the bottom edge */
height: 15mm !important;
display: block;
} g`F�7N� �������� g`�
� %o����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template {
position: fixed;
left: -10000px;
top: 0;
z-index: -1;
}
.kaya-webstation-print {
width: 60mm;
height: 40mm;
background: #ffffff;
box-sizing: border-box;
padding: 1mm 2mm; /* 1mm top/bottom, 2mm sides */
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
overflow: hidden;
}
.kaya-webstation-print-company {
font-size: 2.8mm;
font-weight: 900;
color: #111827;
margin: 0 0 0.2mm 0;
line-height: 1.1;
text-transform: uppercase;
}
.kaya-webstation-print-phone {
font-size: 3.2mm;
font-weight: 900;
color: #111827;
margin: 0; /* Removed margin to prevent overlap */
line-height: 1.2;
}
.kaya-webstation-print-contact {
font-size: 1.1mm; /* Extremely small for print */
line-height: 1.3; /* Increased for readability/spacing */
color: #4b5563;
margin: 0.2mm 0 0.8mm 0;
white-space: nowrap;
}
.kaya-webstation-print-customer {
font-size: 3.2mm;
font-weight: 900;
color: #111827;
margin: 0.5mm 0 1mm 0;
text-transform: uppercase;
border-top: 0.1mm solid #eee; /* Light separator */
padding-top: 0.5mm;
width: 80%;
}
.kaya-webstation-print .kaya-qr-download-inner {
display: block;
margin: 0 auto;
}
.kaya-webstation-print .kaya-qr-download-inner img {
width: 15mm; /* Reduced to 15mm to save the bottom edge */
height: 15mm;
display: block;
} g`�X�2� ��������� gd^�
� (f����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1mm 0 0 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.55mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.9mm 0 1.2mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:14mm !important;\n max-width:14mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:49:30"
}
} gd^��ƨ� ��������� gb &
� %#����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:14mm !important;
max-width:14mm !important;
height:auto;
display:block;
} gb &� ��������� gd��
� (f����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1mm 0 0 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.55mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.9mm 0 1.2mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:15mm !important;\n max-width:15mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:49:52"
}
} gd�ɚ�zH ��������� gb��
� %%����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.4mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1.2mm 0 0.8mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:14mm !important;
max-width:14mm !important;
height:auto;
display:block;
} gb����z ��������� ge�
� (e����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:1mm 0 0 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.9mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.9mm 0 1.2mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:15mm !important;\n max-width:15mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:50:24"
}
} ge���U� ��������� gd�$
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1mm 0 0 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.55mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.9mm 0 1.2mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:14mm !important;
max-width:14mm !important;
height:auto;
display:block;
} gd�$�j� ��������� gf��
� (g����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:15mm !important;\n max-width:15mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:51:30"
}
} gf��O�eP ��������� geSN
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1mm 0 0 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.55mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.9mm 0 1.2mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:15mm !important;
max-width:15mm !important;
height:auto;
display:block;
} geSN��� ��������� gg��
� (k����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:15mm !important;\n max-width:15mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:52:07"
}
} gg����ث ��������� ge��
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:1mm 0 0 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.9mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.9mm 0 1.2mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:15mm !important;
max-width:15mm !important;
height:auto;
display:block;
} ge��n�[L ��������� gh�
� (k����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:16mm !important;\n max-width:16mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:52:15"
}
} gh�Y#�� ��������� gg
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:15mm !important;
max-width:15mm !important;
height:auto;
display:block;
} gg
,� ��������� gi1
� (k����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.5mm 0 0.5mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.5mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.5mm 0 0.5mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:16mm !important;\n max-width:16mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:53:30"
}
} gi1 C��� ��������� gg�.
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:15mm !important;
max-width:15mm !important;
height:auto;
display:block;
} gg�.�
��������� gj �
� (k����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:16mm !important;\n max-width:16mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:53:50"
}
} gj �X>T ��������� gho;
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:16mm !important;
max-width:16mm !important;
height:auto;
display:block;
} gho;�"�� ��������� gj��
� (k����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:18mm !important;\n max-width:18mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:53:58"
}
} gj���i� ��������� gi��
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.5mm 0 0.5mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.5mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.5mm 0 0.5mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:16mm !important;
max-width:16mm !important;
height:auto;
display:block;
} gi���ÐW ��������� gm*�
� (�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-0.8mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:18mm !important;\n max-width:18mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:55:52"
}
} gm*��uG* ��������� gjsQ
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:16mm !important;
max-width:16mm !important;
height:auto;
display:block;
} gjsQQFK� ��������� gng�
� (~����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:18mm !important;\n max-width:18mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:56:27"
}
} gng�m8 ��������� gk
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:18mm !important;
max-width:18mm !important;
height:auto;
display:block;
} gk=�ը ��������� gk�y
� (t����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0mm !important; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:18mm !important;\n max-width:18mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:55:06"
}
} gk�y�oq ��������� gm��
� (~����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-2mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:18mm !important;\n max-width:18mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:56:04"
}
} gm��Ϭ�C ��������� gl �
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0mm !important; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:18mm !important;
max-width:18mm !important;
height:auto;
display:block;
} gl �jX�T ��������� gm�
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-0.8mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:18mm !important;
max-width:18mm !important;
height:auto;
display:block;
} gm���A
��������� go�
� (~����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:0.8mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 08:56:43"
}
} go���X� ��������� gn�
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-2mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:18mm !important;
max-width:18mm !important;
height:auto;
display:block;
} gn���gR � I � �L�E� � ?̀,2f� B )infimum supremum $ � � z � ��Z����Z�� � � & %%kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=378� revision� X $ � +� $ � � | � ��Z�^��Z�^ � � & %�kadenceinheritclosedclosed81-revision-v1��Z�^��Z�^ Qhttps://invoice.webstation.my/?p=380� revision� X $ � (�2 $ � 0� ~ � ��Z�t��Z�t � � & %�kadenceinheritclosedclosed81-revision-v1��Z�t��Z�t Qhttps://invoice.webstation.my/?p=382� revision� X $ � 8�2 $ � @� � � ��Z����Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=384� revision� X $ �% H�2 $ � P� � � ��Z�ޙ�Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z�ޙ�Z�� Qhttps://invoice.webstation.my/?p=386� revision� X $ � X�2 $ � `� � � ��Z���Z� � � & %�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=388� revision� X $ � h�2 $ � p� � � ��Z���Z� � � & %�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=390� revision� X $ � x�2 $ � �� � � ��Z�^��Z�^ � � & %�kadenceinheritclosedclosed81-revision-v1��Z�^��Z�^ Qhttps://invoice.webstation.my/?p=392� revision� X $ �% ��2 $ � �� � � ��Z�r��Z�r � � & %�kadenceinheritclosedclosed81-revision-v1��Z�r��Z�r Qhttps://invoice.webstation.my/?p=394� revision� X $ � ��2 $ � �� � � ��Z�z��Z�z � � & %�kadenceinheritclosedclosed81-revision-v1��Z�z��Z�z Qhttps://invoice.webstation.my/?p=396� revision� $ $ � ��2 $ � �� � � ��Z�ƙ�Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z�ƙ�Z�� Qhttps://invoice.webstation.my/?p=398� revision� X $ � ��f $ � �� � � ��Z��Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z��Z�� Qhttps://invoice.webstation.my/?p=400� revision� X $ �% �2 $ � �� � � ��Z���Z� � � & %�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=402� revision� X $ � �2 $ � �� � � ��Z���Z� � � & %�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=404� revision� X $ � �2 $ � �� � � ��Z�+��Z�+ � � & %�kadenceinheritclosedclosed81-revision-v1��Z�+��Z�+ Qhttps://invoice.webstation.my/?p=406� revision� X $ � ��2 $ � � � � ��Z�0��Z�0 � � & %�kadenceinheritclosedclosed81-revision-v1��Z�0��Z�0 Qhttps://invoice.webstation.my/?p=409� revision� X $ �&�2 $ � � � � ��Z�P��Z�P � � & %�kadenceinheritclosedclosed81-revision-v1��Z�P��Z�P Qhttps://invoice.webstation.my/?p=411� revision� [ 0 /}� � � � ��Z����Z��<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/umwtjp82btgnrkv5ca2p.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-trZrQP7v">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">#8586 - LKHNSONS (Walk-In) - Wifi Can't Connect</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/umwtjp82btgnrkv5ca2p.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-Pj0v6mG7">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">#8586 - LKHNSONS (Walk-In) - Wifi Can't Connect</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/umwtjp82btgnrkv5ca2p.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-Pj0v6mG7"
data-filename="8586-LKHNSONS-Walk-In-Wifi-Cant-Connect-8586-LKHNSONS-Walk-In-Wifi-Cant-Connect-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">LKHNSONS</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">#8586 - LKHNSONS (Walk-In) - Wifi Can't Connect</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/umwtjp82btgnrkv5ca2p.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>#8586 - LKHNSONS (Walk-In) - Wifi Can't Connecttrashopenopen8586-lkhnsons-walk-in-wifi-cant-connect__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/13/8586-lkhnsons-walk-in-wifi-cant-connect/� post� X $ �� � $ $
��$( X $ � 0�� $ � 8� � � ��Z�^��Z�^ � � & %�kadenceinheritclosedclosed81-revision-v1��Z�^��Z�^ Qhttps://invoice.webstation.my/?p=416� revision� X $ � @�2 $ � H�� � � ��Z�v��Z�v � � & %�kadenceinheritclosedclosed81-revision-v1��Z�v��Z�v Qhttps://invoice.webstation.my/?p=418� revision� X $ � P�2 < �� X� � � ��Z�E��Z�E<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/4kzeacvbvf91qtyy70cv.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-GGNn1itK">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">TAPO 5</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/4kzeacvbvf91qtyy70cv.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-upkJW40b">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">TAPO 5</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/4kzeacvbvf91qtyy70cv.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-upkJW40b"
data-filename="TAPO-5-TAPO-5-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM 5</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO 5</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/4kzeacvbvf91qtyy70cv.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPO 5trashopenopentapo-5-2__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/13/tapo-5-2/� post� pj2
.� c�Lᛂ�3 ��������� gn�s
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:18mm !important;
max-width:18mm !important;
height:auto;
display:block;
} gn�sx��C ��������� gu G
� (~����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1.3mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 09:05:16"
}
} gu G��� ��������� goXI
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:0.8mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
} goXIgZB� ��������� gs�2
� (|����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 09:04:48"
}
} gs�2��� ��������� g�||
� (~����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:1mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1.3mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 10:09:30"
}
} g�||���� ��������� gtj�
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
} gtj���� ��������� g�)�
� (~����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1.3mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 10:09:54"
}
} g�)�w�e� ��������� guT�
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1.3mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
} guT�2
� ��������� g��6
� ({����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1.3mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 10:10:47"
}
} g��6��� ��������� jThL
� )����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n\tdisplay: none !important\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n\tdisplay: none !important\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:35mm !important;\n max-width:35mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n\tdisplay: none !important\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 05:24:28"
}
} jThLh�v ��������� g��f
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:1mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1.3mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
} g��f���� ��������� jS�N
� )����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n\tdisplay: none !important\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n\tdisplay: none !important\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n\tdisplay: none !important\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 05:24:15"
}
} jS�NK=#� ��������� g�~�
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1.3mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
} g�~��(� � � � q�E� � ;�P ;7 N B &yinfimum supremum $ � � z � ��Z����Z�� � � & %%kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=378� revision� $ � � | � ��Z�^��Z�^ � � & %�kadenceinheritclosedclosed81-revision-v1��Z�^��Z�^ Qhttps://invoice.webstation.my/?p=380� revision� $ � � ~ � ��Z�t��Z�t � � & %�kadenceinheritclosedclosed81-revision-v1��Z�t��Z�t Qhttps://invoice.webstation.my/?p=382� revision� $ � ( � � � ��Z����Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=384� revision� $ � 0 � � � ��Z�ޙ�Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z�ޙ�Z�� Qhttps://invoice.webstation.my/?p=386� revision� $ � 8 � � � ��Z���Z� � � & %�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=388� revision� $ � @ � � � ��Z���Z� � � & %�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=390� revision� $ � H � � � ��Z�^��Z�^ � � & %�kadenceinheritclosedclosed81-revision-v1��Z�^��Z�^ Qhttps://invoice.webstation.my/?p=392� revision� $ � P � � � ��Z�r��Z�r � � & %�kadenceinheritclosedclosed81-revision-v1��Z�r��Z�r Qhttps://invoice.webstation.my/?p=394� revision� $ � X � � � ��Z�z��Z�z � � & %�kadenceinheritclosedclosed81-revision-v1��Z�z��Z�z Qhttps://invoice.webstation.my/?p=396� revision� $ � ` � � � ��Z�ƙ�Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z�ƙ�Z�� Qhttps://invoice.webstation.my/?p=398� revision� $ � h � � � ��Z��Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z��Z�� Qhttps://invoice.webstation.my/?p=400� revision� $ � p � � � ��Z���Z� � � & %�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=402� revision� $ � x � � � ��Z���Z� � � & %�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=404� revision� $ � � � � � ��Z�+��Z�+ � � & %�kadenceinheritclosedclosed81-revision-v1��Z�+��Z�+ Qhttps://invoice.webstation.my/?p=406� revision� $ � � � � � ��Z�0��Z�0 � � & %�kadenceinheritclosedclosed81-revision-v1��Z�0��Z�0 Qhttps://invoice.webstation.my/?p=409� revision� $ � � � � � ��Z�P��Z�P � � & %�kadenceinheritclosedclosed81-revision-v1��Z�P��Z�P Qhttps://invoice.webstation.my/?p=411� revision� $ � � � � � ��Z�^��Z�^ � � & %�kadenceinheritclosedclosed81-revision-v1��Z�^��Z�^ Qhttps://invoice.webstation.my/?p=416� revision� $ � � � � � ��Z�v��Z�v � � & %�kadenceinheritclosedclosed81-revision-v1��Z�v��Z�v Qhttps://invoice.webstation.my/?p=418� revision� $ � � � � � ��Z����Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=420� revision� $ � � � � � ��Z�ޙ�Z�� � � & %�kadenceinheritclosedclosed81-revision-v1��Z�ޙ�Z�� Qhttps://invoice.webstation.my/?p=422� revision� * ; � � � � ��\��\<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTpublishclosedclosedlist���>����>� https://invoice.webstation.my/?page_id=424� page� $ � � � � ��\��\Invoice Listinheritclosedclosed424-revision-v1��\��\ �https://invoice.webstation.my/?p=425� revision� $ � � � � ��\^��\^Invoice Listinheritclosedclosed424-revision-v1��\^��\^ �https://invoice.webstation.my/?p=426� revision� $ � � � � ��\^��\^Invoice Listinheritclosedclosed424-revision-v1��\^��\^ �https://invoice.webstation.my/?p=427� revision� $ � � � � ��\^��\^[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\^��\^ �https://invoice.webstation.my/?p=428� revision� $ � � � � ��\-��\-[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\-��\- �https://invoice.webstation.my/?p=429� revision� $ � � � � ��\-��\-[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\-��\- �https://invoice.webstation.my/?p=430� revision� $ � � � � ��\-��\-[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\-��\- �https://invoice.webstation.my/?p=431� revision� $ � � � � ��\E��\E[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\E��\E �https://invoice.webstation.my/?p=432� revision� $ � � � ��\E��\E[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\E��\E �https://invoice.webstation.my/?p=433� revision� $ � � � ��\E��\E[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\E��\E �https://invoice.webstation.my/?p=434� revision� $ � � � ��\S��\S[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\S��\S �https://invoice.webstation.my/?p=435� revision� $ � � � ��\S��\S[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\S��\S �https://invoice.webstation.my/?p=436� revision� $ � � � ��\S��\S[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\S��\S �https://invoice.webstation.my/?p=437� revision� $ ( � � � ��\h��\h[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\h��\h �https://invoice.webstation.my/?p=438� revision� $ 0 � � � ��\h��\h[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\h��\h �https://invoice.webstation.my/?p=439� revision� $ 8 � � � ��\h��\h[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\h��\h �https://invoice.webstation.my/?p=440� revision� $ @ � � � ��\ꙹ\�[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\ꙹ\� �https://invoice.webstation.my/?p=441� revision� $ H � � � ��\ꙹ\�[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\ꙹ\� �https://invoice.webstation.my/?p=442� revision� $ P � � � ��\ꙹ\�[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\ꙹ\� �https://invoice.webstation.my/?p=443� revision� $ X � � � ��\V��\V[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\V��\V �https://invoice.webstation.my/?p=444� revision� $ ` � � � ��\V��\V[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\V��\V �https://invoice.webstation.my/?p=445� revision� $ h � � � ��\V��\V[xyz-ips snippet="Table"]Invoice Listinheritclosedclosed424-revision-v1��\V��\V �https://invoice.webstation.my/?p=446� revision� G p � � � ��\ ��\ Web Designerpublishclosedclosedweb-designer��\ ��\ https://invoice.webstation.my/index.php/wppb-roles-editor/web-designer/� wppb-roles-editor� $ x � � � ��\% ��\% [xyz-ips snippet="Table"]INVOICE LISTinheritclosedclosed424-revision-v1��\% ��\% �https://invoice.webstation.my/?p=448� revision�
$ � � � � ��`♹\%H publishclosedclosed449��`♹`� https://invoice.webstation.my/?p=449� nav_menu_item� * � � � � ��\,�� Elementor #452draftclosedclosed��\,���\,� https://invoice.webstation.my/?page_id=452� page� $ � � � � ��\,���\,�Elementor #452inheritclosedclosed452-revision-v1��\,���\,� �https://invoice.webstation.my/?p=453� revision� $ ��` � � ��\,���\,�[xyz-ips snippet="Table"]INVOICE LISTinheritclosedclosed424-revision-v1��\,���\,� �https://invoice.webstation.my/?p=454� revision� $ � � � ? � ��Z}虹Z}� � G & * kadenceinheritclosedclosed81-revision-v1��Z}虹Z}� Qhttps://invoice.webstation.my/?p=319� revision� $ � � � B � ��Z~���Z~� � J & /Skadenceinheritclosedclosed81-revision-v1��Z~���Z~� Qhttps://invoice.webstation.my/?p=322� revision� $ � � � E � ��Z�W��Z�W � M & 4hkadenceinheritclosedclosed81-revision-v1��Z�W��Z�W Qhttps://invoice.webstation.my/?p=325� revision� $ �� � H � ��Z�7��Z�7 � O & 9~kadenceinheritclosedclosed81-revision-v1��Z�7��Z�7 Qhttps://invoice.webstation.my/?p=328� revision� $ � � � J � ��Z����Z�� � R & >�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=330� revision� $ � � � L � ��Z�˙�Z�� � T & $�kadenceinheritclosedclosed81-revision-v1��Z�˙�Z�� Qhttps://invoice.webstation.my/?p=332� revision� $ � � � N � ��Z����Z�� � V & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=334� revision� $ �� � P � ��Z�͙�Z�� � X & %ekadenceinheritclosedclosed81-revision-v1��Z�͙�Z�� Qhttps://invoice.webstation.my/?p=336� revision� $ � � � R � ��Z���Z� � Z & %Pkadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=338� revision� $ � � � T � ��Z����Z�� � \ & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=340� revision� $ � � � V � ��Z�i��Z�i � ^ & $�kadenceinheritclosedclosed81-revision-v1��Z�i��Z�i Qhttps://invoice.webstation.my/?p=342� revision� $ �� � X � ��Z�w��Z�w � ` & $�kadenceinheritclosedclosed81-revision-v1��Z�w��Z�w Qhttps://invoice.webstation.my/?p=344� revision� $ � � Z � ��Z����Z�� � c & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=346� revision� $ � � \ � ��Z����Z�� � e & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=348� revision� $ � � ^ � ��Z����Z�� � g & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=350� revision� $ � � ` � ��Z�♹Z�� � i & $�kadenceinheritclosedclosed81-revision-v1��Z�♹Z�� Qhttps://invoice.webstation.my/?p=352� revision� $ � � b � ��Z���Z� � k & $�kadenceinheritclosedclosed81-revision-v1��Z���Z� Qhttps://invoice.webstation.my/?p=354� revision� $ � ( � d � ��Z�H��Z�H � n & $�kadenceinheritclosedclosed81-revision-v1��Z�H��Z�H Qhttps://invoice.webstation.my/?p=356� revision� $ � 0 � f � ��Z�`��Z�` � o & $�kadenceinheritclosedclosed81-revision-v1��Z�`��Z�` Qhttps://invoice.webstation.my/?p=358� revision� $ �8 � h � ��Z����Z�� � q & $�kadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=360� revision� $ � @ � j � ��Z�ƙ�Z�� � s & $�kadenceinheritclosedclosed81-revision-v1��Z�ƙ�Z�� Qhttps://invoice.webstation.my/?p=362� revision� $ � H � l � ��Z�♹Z�� � u & $�kadenceinheritclosedclosed81-revision-v1��Z�♹Z�� Qhttps://invoice.webstation.my/?p=364� revision� $ � P � n � ��Z����Z�� � w & %Vkadenceinheritclosedclosed81-revision-v1��Z����Z�� Qhttps://invoice.webstation.my/?p=366� revision� $ �X � p � ��Z�♹Z�� � y & %�kadenceinheritclosedclosed81-revision-v1��Z�♹Z�� Qhttps://invoice.webstation.my/?p=368� revision� $ � ` � r � ��Z�$��Z�$ � { & %okadenceinheritclosedclosed81-revision-v1��Z�$��Z�$ Qhttps://invoice.webstation.my/?p=370� revision� $ � h � t � ��Z�2��Z�2 � ~ & %�kadenceinheritclosedclosed81-revision-v1��Z�2��Z�2 Qhttps://invoice.webstation.my/?p=372� revision� $ � p � v � ��Z�G��Z�G � & %okadenceinheritclosedclosed81-revision-v1��Z�G��Z�G Qhttps://invoice.webstation.my/?p=374� revision� $ � x�U x � ��Z�s��Z�s � � & %#kadenceinheritclosedclosed81-revision-v1��Z�s��Z�s Qhttps://invoice.webstation.my/?p=376� revision� p!� zN"��� ����835/2+/',#) c� q�T�
��������� g�<"
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1.3mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
} g�<"�{ � ��������� g���
� (y����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-13 10:11:30"
}
} g���Gi�� ��������� g��,
� %�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
} g��, $t� � � �tiE� �
>��' =� % B (infimum supremum $ � � � ��\,���\,�[xyz-ips snippet="Table"]INVOICE LISTinheritclosedclosed424-revision-v1��\,���\,� �https://invoice.webstation.my/?p=455� revision� $ � � � ��\,���\,�[xyz-ips snippet="TEST"]INVOICE LISTinheritclosedclosed424-revision-v1��\,���\,� �https://invoice.webstation.my/?p=456� revision� $ � � � ��\-Q��\-Q[xyz-ips snippet="TEST"]INVOICE LISTinheritclosedclosed424-revision-v1��\-Q��\-Q �https://invoice.webstation.my/?p=457� revision� $ ( � � � ��\-Q��\-Q[xyz-ips snippet="TEST"]INVOICE LISTinheritclosedclosed424-revision-v1��\-Q��\-Q �https://invoice.webstation.my/?p=458� revision� $ 0 � � � ��\-Q��\-Q[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\-Q��\-Q �https://invoice.webstation.my/?p=459� revision� $ 8 � � � ��\-���\-�[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\-���\-� �https://invoice.webstation.my/?p=460� revision� $ @ � � � ��\-���\-�[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\-���\-� �https://invoice.webstation.my/?p=461� revision� $ H � � � ��\-���\-�[xyz-ips snippet="Table"]INVOICE LISTinheritclosedclosed424-revision-v1��\-���\-� �https://invoice.webstation.my/?p=462� revision� $ P � � � ��\-���\-�[xyz-ips snippet="Table"]INVOICE LISTinheritclosedclosed424-revision-v1��\-���\-� �https://invoice.webstation.my/?p=463� revision� $ X � � � ��\-���\-�[xyz-ips snippet="Table"]INVOICE LISTinheritclosedclosed424-revision-v1��\-���\-� �https://invoice.webstation.my/?p=464� revision� $ ` � � � ��\-���\-�[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\-���\-� �https://invoice.webstation.my/?p=465� revision� $ h � � � ��\0���\0�[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\0���\0� �https://invoice.webstation.my/?p=466� revision� $ p � � � ��\0���\0�[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\0���\0� �https://invoice.webstation.my/?p=467� revision� $ x � � � ��\0���\0�[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\0���\0� �https://invoice.webstation.my/?p=468� revision� $ � � � � ��\0�\0�[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\0�\0� �https://invoice.webstation.my/?p=469� revision� $ � � � � ��\0���\0�[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\0���\0� �https://invoice.webstation.my/?p=470� revision� $ � � � � ��\0���\0�[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\0���\0� �https://invoice.webstation.my/?p=471� revision� $ � � � � ��\1'��\1'[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\1'��\1' �https://invoice.webstation.my/?p=472� revision� $ � � � � ��\1'��\1'[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\1'��\1' �https://invoice.webstation.my/?p=473� revision� $ � � � � ��\1'��\1'[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\1'��\1' �https://invoice.webstation.my/?p=474� revision� $ � � � � ��\1Y��\1Y[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\1Y��\1Y �https://invoice.webstation.my/?p=475� revision� $ � � � � ��\1Y��\1Y[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\1Y��\1Y �https://invoice.webstation.my/?p=476� revision� $ � � � � ��\1Z��\1Z[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\1Z��\1Z �https://invoice.webstation.my/?p=477� revision� $ � � � � ��\1���\1�[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\1���\1� �https://invoice.webstation.my/?p=478� revision� $ � � � � ��\1���\1�[xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\1���\1� �https://invoice.webstation.my/?p=479� revision� $ 1 � � � � ��\1���\1�<h1>INVOICE LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\1���\1� �https://invoice.webstation.my/?p=480� revision� $ 1 � � � � ��\2P��\2P<h1>INVOICE LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\2P��\2P �https://invoice.webstation.my/?p=481� revision� $ 1 � � � � ��\2P��\2P<h1>INVOICE LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\2P��\2P �https://invoice.webstation.my/?p=482� revision� $ ; � � � � ��\2P��\2P<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE LISTinheritclosedclosed424-revision-v1��\2P��\2P �https://invoice.webstation.my/?p=483� revision� $ ; � � � � ��\4���\4�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]LISTinheritclosedclosed424-revision-v1��\4���\4� �https://invoice.webstation.my/?p=484� revision� $
�� - � � ��\5癹\5�<!-- wp:shortcode -->
[pdf_frontend_upload]
<!-- /wp:shortcode -->
<!-- wp:shortcode -->
[latest_invoice_qr]
<!-- /wp:shortcode -->HOMEinheritclosedclosed2-revision-v1��\5癹\5� https://invoice.webstation.my/?p=485� revision� $
��- � � ��\5癹\5�<!-- wp:shortcode -->
[pdf_frontend_upload]
<!-- /wp:shortcode -->
<!-- wp:shortcode -->
[latest_invoice_qr]
<!-- /wp:shortcode -->HOMEinheritclosedclosed2-revision-v1��\5癹\5� https://invoice.webstation.my/?p=486� revision� $
�� 9 � � ��\5癹\5�<!-- wp:shortcode -->
<p>[pdf_frontend_upload]</p>
<!-- /wp:shortcode --><!-- wp:shortcode -->
<p>[latest_invoice_qr]</p>
<!-- /wp:shortcode -->HOMEinheritclosedclosed2-revision-v1��\5癹\5� https://invoice.webstation.my/?p=487� revision� $ ^�
� � ��\6M��\6M<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��\6M��\6M Zhttps://invoice.webstation.my/?p=488� revision� $ ^�
� � ��\6M��\6M<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��\6M��\6M Zhttps://invoice.webstation.my/?p=489� revision� $ ^� ( � � ��\6M��\6M<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>Home Pageinheritclosedclosed90-revision-v1��\6M��\6M Zhttps://invoice.webstation.my/?p=490� revision� $ ; 0�� � � ��\6���\6�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\6���\6� �https://invoice.webstation.my/?p=491� revision� p3�� u E� c�tisM� � � � �L�E� � ?ˀ2�� B )infimum supremum $ ^� 3 � � ��\7��\7<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1��\7��\7 Zhttps://invoice.webstation.my/?p=492� revision� \ 1 -��
� � ��\>!��\>!<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/3thgihmabardow4fbqvx.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-yASsQwys">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">#8936 - CEKAPWANI - AutoCount version Upgrade</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/3thgihmabardow4fbqvx.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-zraFMsnM">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">#8936 - CEKAPWANI - AutoCount version Upgrade</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/3thgihmabardow4fbqvx.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-zraFMsnM"
data-filename="8936-CEKAPWANI-AutoCount-version-Upgrade-8936-CEKAPWANI-AutoCount-version-Upgrade-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">CEKAPWANI</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">#8936 - CEKAPWANI - AutoCount version Upgrade</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/3thgihmabardow4fbqvx.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-14</div></div></div></div>#8936 - CEKAPWANI - AutoCount version Upgradetrashopenopen8936-cekapwani-autocount-version-upgrade__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/14/8936-cekapwani-autocount-version-upgrade/� post� $ ; � � � ��\@ՙ�\@�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\@ՙ�\@� �https://invoice.webstation.my/?p=495� revision� $ ; ( � � � ��\@ՙ�\@�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\@ՙ�\@� �https://invoice.webstation.my/?p=496� revision� $ ; 0q � � ��\@ՙ�\@�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\@ՙ�\@� �https://invoice.webstation.my/?p=497� revision� X $ �� 8 $ ; @ � � � ��\A7��\A7<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\A7��\A7 �https://invoice.webstation.my/?p=499� revision� $ ; H � � � ��\A7��\A7<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\A7��\A7 �https://invoice.webstation.my/?p=500� revision� $ ; P � � � ��\A7��\A7<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\A7��\A7 �https://invoice.webstation.my/?p=501� revision� >
� X � � � ��\J˙�\J�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/yl4uiz6xgwfg9pmb6muz.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-xBwFJCVt">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">CEKAPWANI</div>
<div class="kaya-webstation-docno">#1458</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/yl4uiz6xgwfg9pmb6muz.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-QruoKtDL">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">CEKAPWANI</div>
<div class="kaya-webstation-print-docno">#1458</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/yl4uiz6xgwfg9pmb6muz.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-QruoKtDL"
data-filename="1458-NO-DISPLAY-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">CEKAPWANI</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#1458</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">NO DISPLAY</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/yl4uiz6xgwfg9pmb6muz.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-14</div></div></div></div>NO DISPLAYtrashopenopenno-display__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/14/no-display/� post� X $ � `�� $ � hΧ � � ��\L���\L� � � & &6kadenceinheritclosedclosed81-revision-v1��\L���\L� Qhttps://invoice.webstation.my/?p=504� revision� X $ � p�2 C q� x� � � ��\=���\=�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/cjmnjtefyskqedwxesyf.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-zIC9GkFY">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">#1234 - NO DISPLAY</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/cjmnjtefyskqedwxesyf.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-u8S97pzJ">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">#1234 - NO DISPLAY</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/cjmnjtefyskqedwxesyf.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-u8S97pzJ"
data-filename="1234-NO-DISPLAY-1234-NO-DISPLAY-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">LKHNSONS</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">#1234 - NO DISPLAY</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/cjmnjtefyskqedwxesyf.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-14</div></div></div></div>#1234 - NO DISPLAYtrashopenopen1234-no-display__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/14/1234-no-display/� post� p#�� c�L㼋�)p ��������� h�n�
� (�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 0.3px;\n\tmargin:0.8mm 0 0.8mm 0;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-14 04:52:29"
}
} h�n�ɐ� ��������� h���
� )����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n margin-top: 4px;\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 0.3px;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-14 04:50:52"
}
} h���H��1 ��������� h�L�
� &6����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
margin-top: 4px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.3px;
} h�L�;z_ � � � �L�E� � ?l�#� B )infimum supremum $ � � � � ��\M ��\M � � & &%kadenceinheritclosedclosed81-revision-v1��\M ��\M Qhttps://invoice.webstation.my/?p=506� revision� $ $ � $ � � � � ��\M���\M� � � & &5kadenceinheritclosedclosed81-revision-v1��\M���\M� Qhttps://invoice.webstation.my/?p=508� revision� X $ � (�f $ � 0� � � ��\M���\M� � � & &5kadenceinheritclosedclosed81-revision-v1��\M���\M� Qhttps://invoice.webstation.my/?p=510� revision� X $ � 8�2 $ � @� � ��\M���\M� � � & &5kadenceinheritclosedclosed81-revision-v1��\M���\M� Qhttps://invoice.webstation.my/?p=512� revision� X $ �% H�2 $ � P, � ��\Mᙹ\M� � � & &Ikadenceinheritclosedclosed81-revision-v1��\Mᙹ\M� Qhttps://invoice.webstation.my/?p=514� revision� >
� X � � ��`Q�`Q�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ydcaq2gfo8t07vs2usik.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-ROOXzeEq">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">TEST</div>
<div class="kaya-webstation-docno">#9434</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ydcaq2gfo8t07vs2usik.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-96sh0oW7">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">TEST</div>
<div class="kaya-webstation-print-docno">#9434</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ydcaq2gfo8t07vs2usik.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-96sh0oW7"
data-filename="9434-CANT-PRINT-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">TEST</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#9434</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">CAN'T PRINT</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/ydcaq2gfo8t07vs2usik.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-16</div></div></div></div>CAN'T PRINTtrashopenopencant-print__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/16/cant-print/� post� X $ � `
� ��`U���`U� � � & *trashclosedclosed6c0b7132-9d76-4694-ae21-b744a3d22a7b��`U���`U� https://invoice.webstation.my/index.php/2026/03/16/6c0b7132-9d76-4694-ae21-b744a3d22a7b/� customize_changeset� $ � h � � ��`U���`U� � � & 'kadenceinheritclosedclosed81-revision-v1��`U���`U� Qhttps://invoice.webstation.my/?p=519� revision� X $ � p
� ��`Uݙ�`U� � � & )�trashclosedclosede6b220ca-863b-474a-89b0-8a03f43067ee��`Uݙ�`U� https://invoice.webstation.my/index.php/2026/03/16/e6b220ca-863b-474a-89b0-8a03f43067ee/� customize_changeset� $ � x � � ��`Uݙ�`U� � � & &�kadenceinheritclosedclosed81-revision-v1��`Uݙ�`U� Qhttps://invoice.webstation.my/?p=521� revision� X $ � �
� ��`V��`V � � & )�trashclosedclosed55e6a98d-9d0e-441f-8f0b-6f85f2fea930��`V��`V https://invoice.webstation.my/index.php/2026/03/16/55e6a98d-9d0e-441f-8f0b-6f85f2fea930/� customize_changeset� $ � � � � ��`V��`V � � & &�kadenceinheritclosedclosed81-revision-v1��`V��`V Qhttps://invoice.webstation.my/?p=523� revision� X $ � �
� ��`V ��`V � � & )�trashclosedclosed61ea62c8-7310-432d-98ee-f49eed2a46a2��`V ��`V https://invoice.webstation.my/index.php/2026/03/16/61ea62c8-7310-432d-98ee-f49eed2a46a2/� customize_changeset� $ � � �
� ��`V ��`V � � & &�kadenceinheritclosedclosed81-revision-v1��`V ��`V Qhttps://invoice.webstation.my/?p=525� revision� X $ � �
� ��`VJ��`VJ � � & )&trashclosedclosed742083ba-1f67-4d9e-82ed-967cf42ae8c5��`VJ��`VJ https://invoice.webstation.my/index.php/2026/03/16/742083ba-1f67-4d9e-82ed-967cf42ae8c5/� customize_changeset� $ � � � � ��`VJ��`VJ � � & &Ikadenceinheritclosedclosed81-revision-v1��`VJ��`VJ Qhttps://invoice.webstation.my/?p=527� revision� X $ � �
� ��`VY��`VY � � & )Btrashclosedclosedc6c5d5cf-8411-4ded-8fde-5515cd9e3398��`VY��`VY https://invoice.webstation.my/index.php/2026/03/16/c6c5d5cf-8411-4ded-8fde-5515cd9e3398/� customize_changeset� $ � � � � ��`VY��`VY � � & &ckadenceinheritclosedclosed81-revision-v1��`VY��`VY Qhttps://invoice.webstation.my/?p=529� revision� X $ � �
� ��`V���`V� � � & )^trashclosedclosed71f59635-15d4-463e-8f27-89447e477f2f��`V���`V� https://invoice.webstation.my/index.php/2026/03/16/71f59635-15d4-463e-8f27-89447e477f2f/� customize_changeset� $ � � � � ��`V���`V� � � & &}kadenceinheritclosedclosed81-revision-v1��`V���`V� Qhttps://invoice.webstation.my/?p=531� revision� X $ � �
� ��`V���`V� � � & )Btrashclosedcloseda25e0053-fb4a-467c-a445-47c16d7b72d3��`V���`V� https://invoice.webstation.my/index.php/2026/03/16/a25e0053-fb4a-467c-a445-47c16d7b72d3/� customize_changeset� $ � � � � ��`V���`V� � � & &ckadenceinheritclosedclosed81-revision-v1��`V���`V� Qhttps://invoice.webstation.my/?p=533� revision� $ $ � � � � ��`j���`j� � � & )&trashclosedclosed4219b7b0-8b12-4132-9c4f-9368c6a52a31��`j���`j� https://invoice.webstation.my/?p=534� customize_changeset� $ � � � � ��`j���`j� � � & &Ikadenceinheritclosedclosed81-revision-v1��`j���`j� Qhttps://invoice.webstation.my/?p=535� revision� X $ � �
� ��`lt��`lt � � & 3�trashclosedclosedd99ef878-6253-48cd-820e-39a76487f841��`lt��`lt https://invoice.webstation.my/index.php/2026/03/16/d99ef878-6253-48cd-820e-39a76487f841/� customize_changeset� $ � � � � ��`lt��`lt � � & 0�kadenceinheritclosedclosed81-revision-v1��`lt��`lt Qhttps://invoice.webstation.my/?p=537� revision� >
� � ��`l���`l�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/zl8fhlfokjpeim4iqrrk.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-xqE52rzs">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM</div>
<div class="kaya-webstation-docno">#1104</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/zl8fhlfokjpeim4iqrrk.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-xvyw47wB">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-docno">#1104</div>
<div class="kaya-webstation-print-contact">
TEL: 05-2822919 FAX: 05-2811919
</div>
<div class="kaya-webstation-print-contact">
H/P: 016-550 8505
</div>
<div class="kaya-webstation-print-contact">
E-mail: sales@webstation.my
</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/zl8fhlfokjpeim4iqrrk.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-xvyw47wB"
data-filename="1104-0123456789-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#1104</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">0123456789</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/zl8fhlfokjpeim4iqrrk.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-16</div></div></div></div>0123456789trashopenopen0123456789__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/16/0123456789/� post� X $ � �� � ��`l���`l� � � & 3�trashclosedclosed0f722a7e-599a-4fea-a48a-83487d8b80f2��`l���`l� https://invoice.webstation.my/index.php/2026/03/16/0f722a7e-599a-4fea-a48a-83487d8b80f2/� customize_changeset� @
� � ��`Hu��`Hu<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/iqokhxyjkrdsk8uttnzp.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-zi1gWOhm">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">WEBSTATION</div>
<div class="kaya-webstation-docno">#4452</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/iqokhxyjkrdsk8uttnzp.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-edj9BGAL">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">WEBSTATION</div>
<div class="kaya-webstation-print-docno">#4452</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/iqokhxyjkrdsk8uttnzp.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-edj9BGAL"
data-filename="4452-NO-DISPLAY-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">WEBSTATION</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#4452</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">NO DISPLAY</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/iqokhxyjkrdsk8uttnzp.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-16</div></div></div></div>NO DISPLAYtrashopenopenno-display-2__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/16/no-display-2/� post� p#j f�.� c�L��`�� ��������� h�ě
� &%����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.3px;
margin:0.8mm 0 0.8mm 0;
} h�ě3�J� ��������� h�8
� )����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.8mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 3mm;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-14 04:54:31"
}
} h�8��>� ��������� h���
� )����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.8mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 3mm;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.8mm 0;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-14 04:54:03"
}
} h���hdh� ��������� h��
� &5����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 3mm;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.8mm 0;
} h��&� ��������� h�p�
� &5����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 3mm;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
} h�p�y�5% ��������� h��v
� )����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 3mm;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-14 04:54:55"
}
} h��v^�| ��������� h�7
� &5����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 3mm;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
} h�7"�I� ��������� h���
� )&����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-14 04:55:33"
}
} h���'� ��������� h��
� &I����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
} h��/,L� ��������� jR6�
� *����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n\tdisplay: none !important\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n\tdisplay: none !important\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:50mm !important;\n max-width:50mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n\tdisplay: none !important\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 05:22:42"
}
} jR6����� ��������� jR�Q
� '����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
display: none !important
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
display: none !important
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
display: none !important
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
display: none !important
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
display: none !important
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
display: none !important
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
display: none !important
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:50mm !important;
max-width:50mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
display: none !important
} jR�Q�� f ��������� jS+�
� )����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n\tdisplay: none !important\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n\tdisplay: none !important\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n\tdisplay: none !important\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:50mm !important;\n max-width:50mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n\tdisplay: none !important\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 05:23:29"
}
} jS+��=� ��������� jS��
� &���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
display: none !important
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
display: none !important
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
display: none !important
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
display: none !important
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
display: none !important
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:50mm !important;
max-width:50mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
display: none !important
} jS��+� ��������� jU l
� )&����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 05:25:10"
}
} jU l��� �������� jT*}
� &���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
display: none !important
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
display: none !important
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
display: none !important
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
display: none !important
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
display: none !important
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
display: none !important
} jT*}Ղ� �������� jU��
� )B����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n\tdisplay: none !important\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 05:25:25"
}
} jU������ �������� jT�f
� &���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
display: none !important
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
display: none !important
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
display: none !important
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
display: none !important
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
display: none !important
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:35mm !important;
max-width:35mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
display: none !important
} jT�fc@p� �������� jW"D
� )^����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n\tdisplay: none !important\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n\tdisplay: none !important\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 05:26:08"
}
} jW"D�
�@ �������� jUc�
� &I����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
} jUc�� �� �������� jX�
� )B����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n\tdisplay: none !important\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 05:26:31"
}
} jX�F,� �������� jVP�
� &c����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
display: none !important
} jVP�
R �������� j�
� )&����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 06:42:02"
}
} j�u'�� �������� jWx�
� &}����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
display: none !important
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
display: none !important
} jWx�59�1 �������� j��}
� 3��{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:500;\n color:#2b2f36;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.3mm;\n line-height:1.1;\n font-weight:700;\n color:#111827;\n margin:0 0 0.6mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:1.65mm;\n line-height:1.1;\n color:#4b5563;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto !important;\n max-height:20mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 06:49:52"
}
} j��}?kK �������� jXe
� &c����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
display: none !important
} jXe�� �������� j��
� 5�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start; /* was center */\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n align-self:flex-start;\n padding-left:0;\n margin:-3mm 0 0 0;\n\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:07:58"
}
} j���f� �������� j�
� &I����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
} j��` �������� j�3?
� 5�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n align-self:flex-start;\n padding-left:0;\n margin:-3mm 0 0 0;\n\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:05:52"
}
} j�3?���� �������� j�"�
� 0�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:500;
color:#2b2f36;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.3mm;
line-height:1.1;
font-weight:700;
color:#111827;
margin:0 0 0.6mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:1.65mm;
line-height:1.1;
color:#4b5563;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto !important;
max-height:20mm !important;
display:block;
} j�"��uT �������� j��
� 3��{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:500;\n color:#2b2f36;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.3mm;\n line-height:1.1;\n font-weight:700;\n color:#111827;\n margin:0 0 0.6mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:1.65mm;\n line-height:1.1;\n color:#4b5563;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:30mm !important;\n max-width:30mm !important;\n height:auto !important;\n max-height:30mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 06:51:55"
}
} j��H��Z � � � j�IdE� � 0�� $= B )infimum supremum $ � � � ��`l���`l� � � & 0�kadenceinheritclosedclosed81-revision-v1��`l���`l� Qhttps://invoice.webstation.my/?p=540� revision� X $ �
� ��`m%��`m% � � & 4trashclosedclosedcc9b9ef4-debd-4575-aa89-7b760f462e0c��`m%��`m% https://invoice.webstation.my/index.php/2026/03/16/cc9b9ef4-debd-4575-aa89-7b760f462e0c/� customize_changeset� $ � !� � ��`m%��`m% � � & 0�kadenceinheritclosedclosed81-revision-v1��`m%��`m% Qhttps://invoice.webstation.my/?p=542� revision� < � ( � � ��`m���`m�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/lbtjybhtiydrb9gnotyd.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-RUpywc1L">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM</div>
<div class="kaya-webstation-docno">#11041</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lbtjybhtiydrb9gnotyd.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-gob8saZ5">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-docno">#11041</div>
<div class="kaya-webstation-print-contact">
TEL: 05-2822919
</div>
<div class="kaya-webstation-print-contact">
FAX: 05-2811919
</div>
<div class="kaya-webstation-print-contact">
H/P: 016-550 8505
</div>
<div class="kaya-webstation-print-contact">
E-mail: sales@webstation.my
</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lbtjybhtiydrb9gnotyd.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-gob8saZ5"
data-filename="11041-QWERTY-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#11041</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">QWERTY</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/lbtjybhtiydrb9gnotyd.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-16</div></div></div></div>QWERTYtrashopenopenqwerty-2__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/16/qwerty-2/� post� X $ � 0
! � ��`n&��`n& � � & 4trashclosedclosedbd35c4f9-dec0-4f2f-833c-d1c81779b2d2��`n&��`n& https://invoice.webstation.my/index.php/2026/03/16/bd35c4f9-dec0-4f2f-833c-d1c81779b2d2/� customize_changeset� $ � 8 � " � ��`n&��`n& � � & 0�kadenceinheritclosedclosed81-revision-v1��`n&��`n& Qhttps://invoice.webstation.my/?p=546� revision� X $ � @
# � ��`nu��`nu � � & 4Ftrashclosedclosed6a18a6be-9963-45c0-ab76-2b582729bd4f��`nu��`nu https://invoice.webstation.my/index.php/2026/03/16/6a18a6be-9963-45c0-ab76-2b582729bd4f/� customize_changeset� $ � H � $ � ��`nu��`nu � � & 0�kadenceinheritclosedclosed81-revision-v1��`nu��`nu Qhttps://invoice.webstation.my/?p=548� revision� X $ � P
% � ��`n�`n� � � & 4Ftrashclosedclosedd9e7654d-8421-4cd0-b099-5c03ee621841��`n�`n� https://invoice.webstation.my/index.php/2026/03/16/d9e7654d-8421-4cd0-b099-5c03ee621841/� customize_changeset� $ � X � & � ��`n�`n� � � & 0�kadenceinheritclosedclosed81-revision-v1��`n�`n� Qhttps://invoice.webstation.my/?p=550� revision� X $ � `
' � ��`p���`p� � � & 4`trashclosedcloseddf8af2ce-8220-4258-ad3f-dc43aefdb34e��`p���`p� https://invoice.webstation.my/index.php/2026/03/16/df8af2ce-8220-4258-ad3f-dc43aefdb34e/� customize_changeset� $ � h � ( � ��`p���`p� � � & 0�kadenceinheritclosedclosed81-revision-v1��`p���`p� Qhttps://invoice.webstation.my/?p=552� revision� 9 ^� p�G ) � ��`p���`p�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ksszrm7t5qnhdyeevxkd.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-H9OpFtGA">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM</div>
<div class="kaya-webstation-docno">#11042</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ksszrm7t5qnhdyeevxkd.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-ZXaerPIL">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">HAKIM</div>
<div class="kaya-webstation-print-docno">#11042</div>
<div class="kaya-webstation-print-contact">
TEL: 05-2822919
</div>
<div class="kaya-webstation-print-contact">
FAX: 05-2811919
</div>
<div class="kaya-webstation-print-contact">
H/P: 016-550 8505
</div>
<div class="kaya-webstation-print-contact">
E-mail: sales@webstation.my
</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ksszrm7t5qnhdyeevxkd.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-ZXaerPIL"
data-filename="11042-ASDFG-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#11042</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">ASDFG</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/ksszrm7t5qnhdyeevxkd.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-16</div></div></div></div>ASDFGtrashopenopenasdfg__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/16/asdfg/� post� : � x�� � ��`m���`m�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/gmbjehayfr4agltn61k6.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-mzVEgMkq">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM</div>
<div class="kaya-webstation-docno">#11041</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/gmbjehayfr4agltn61k6.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-RWXLg5wF">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-docno">#11041</div>
<div class="kaya-webstation-print-contact">
TEL: 05-2822919
</div>
<div class="kaya-webstation-print-contact">
FAX: 05-2811919
</div>
<div class="kaya-webstation-print-contact">
H/P: 016-550 8505
</div>
<div class="kaya-webstation-print-contact">
E-mail: sales@webstation.my
</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/gmbjehayfr4agltn61k6.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-RWXLg5wF"
data-filename="11041-QWERTY-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#11041</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">QWERTY</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/gmbjehayfr4agltn61k6.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-16</div></div></div></div>QWERTYtrashopenopenqwerty__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/16/qwerty/� post� p� cj�Id �<� �������� j��
� 0�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:500;
color:#2b2f36;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.3mm;
line-height:1.1;
font-weight:700;
color:#111827;
margin:0 0 0.6mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:1.65mm;
line-height:1.1;
color:#4b5563;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:30mm !important;
max-width:30mm !important;
height:auto !important;
max-height:30mm !important;
display:block;
} j��m�Y �������� j�C�
� 4����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:500;\n color:#2b2f36;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.3mm;\n line-height:1.1;\n font-weight:700;\n color:#111827;\n margin:0 0 0.6mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:1.65mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:30mm !important;\n max-width:30mm !important;\n height:auto !important;\n max-height:30mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 06:52:37"
}
} j�C�,v �������� j��
� 0�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:500;
color:#2b2f36;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.3mm;
line-height:1.1;
font-weight:700;
color:#111827;
margin:0 0 0.6mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:1.65mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:30mm !important;
max-width:30mm !important;
height:auto !important;
max-height:30mm !important;
display:block;
} j�� �f �������� j�`
� 4����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:500;\n color:#2b2f36;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.3mm;\n line-height:1.1;\n font-weight:700;\n color:#111827;\n margin:0 0 0.6mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:1.65mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:30mm !important;\n max-width:30mm !important;\n height:auto !important;\n max-height:30mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 06:56:38"
}
} j�` �� �������� j��>
� 0�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:500;
color:#2b2f36;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.3mm;
line-height:1.1;
font-weight:700;
color:#111827;
margin:0 0 0.6mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:1.65mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:30mm !important;
max-width:30mm !important;
height:auto !important;
max-height:30mm !important;
display:block;
} j��>Ny �������� j��
� 4F����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:500;\n color:#2b2f36;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.3mm;\n line-height:1.1;\n font-weight:700;\n color:#111827;\n margin:0 0 0.6mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:1.65mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:30mm !important;\n max-width:30mm !important;\n height:auto !important;\n max-height:30mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 06:57:53"
}
} j��X4m� �������� j���
� 0����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:500;
color:#2b2f36;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.3mm;
line-height:1.1;
font-weight:700;
color:#111827;
margin:0 0 0.6mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:1.65mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:30mm !important;
max-width:30mm !important;
height:auto !important;
max-height:30mm !important;
display:block;
} j��� 6i �������� j�
� 4F����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.3mm;\n line-height:1.1;\n font-weight:700;\n color:#111827;\n margin:0 0 0.6mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:1.65mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:30mm !important;\n max-width:30mm !important;\n height:auto !important;\n max-height:30mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 06:59:52"
}
} j� �3'Q �������� j�k�
� 0����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.3mm;
line-height:1.1;
font-weight:700;
color:#111827;
margin:0 0 0.6mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:1.65mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:30mm !important;
max-width:30mm !important;
height:auto !important;
max-height:30mm !important;
display:block;
} j�k�6�& �������� j�-7
� 4`����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:1.65mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:30mm !important;\n max-width:30mm !important;\n height:auto !important;\n max-height:30mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 07:02:15"
}
} j�-7�P�� �������� j��
� 0���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:1.65mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:30mm !important;
max-width:30mm !important;
height:auto !important;
max-height:30mm !important;
display:block;
} j�����X �������� j�b�
� 4z����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:center !important;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:center !important;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:1.65mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:30mm !important;\n max-width:30mm !important;\n height:auto !important;\n max-height:30mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 07:05:02"
}
} j�b��E� �������� j��
� 4d����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:1.65mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:30mm !important;\n max-width:30mm !important;\n height:auto !important;\n max-height:30mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 07:04:24"
}
} j���JI ������� j��
� 0��/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:1.65mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:30mm !important;
max-width:30mm !important;
height:auto !important;
max-height:30mm !important;
display:block;
} j��
z� ������� j�Ο
� 1����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:center !important;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:center !important;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:1.65mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:30mm !important;
max-width:30mm !important;
height:auto !important;
max-height:30mm !important;
display:block;
} j�ΟN- ������� j�O
� 4`����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:1.65mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:30mm !important;\n max-width:30mm !important;\n height:auto !important;\n max-height:30mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 07:06:44"
}
} j�O_U�! ������� j�Zq
� 4|����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:center;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:center !important;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:center !important;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:1.65mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:30mm !important;\n max-width:30mm !important;\n height:auto !important;\n max-height:30mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 07:05:58"
}
} j�Zq���{ ������� j��(
� 1
����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:center;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:center !important;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:center !important;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:1.65mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:30mm !important;
max-width:30mm !important;
height:auto !important;
max-height:30mm !important;
display:block;
} j��(A��z ������� j��,
� 0���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:1.65mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:30mm !important;
max-width:30mm !important;
height:auto !important;
max-height:30mm !important;
display:block;
} j��, � ������� j�K�
� 4_����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:30mm !important;\n max-width:30mm !important;\n height:auto !important;\n max-height:30mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 07:46:38"
}
} j�Kӏb� ������� j���
� 0���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:30mm !important;
max-width:30mm !important;
height:auto !important;
max-height:30mm !important;
display:block;
} j���X�ŗ ������� j� X
� 4_����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 07:48:11"
}
} j� X��" ������� j�w-
� 0���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j�w-�.>� ������� j�K
� 5A����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n font-size:2.2mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin-top:0.6mm;\n text-align:left;\n white-space:nowrap;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 07:51:38"
}
} j�K|� � � j�H�E� � %�� � B )infimum supremum $ $ � � * � ��`q��`q � � & 4dtrashclosedclosed4f2ba5ab-3419-4b8e-990f-47ab3aa3ebc5��`q��`q https://invoice.webstation.my/?p=554� customize_changeset� $ � � + � ��`q��`q � � & 0�kadenceinheritclosedclosed81-revision-v1��`q��`q Qhttps://invoice.webstation.my/?p=555� revision� X $ �
, � ��`qB��`qB � � & 4ztrashclosedclosedadc33e50-9d56-44dc-a0c0-33d80f14ee30��`qB��`qB https://invoice.webstation.my/index.php/2026/03/16/adc33e50-9d56-44dc-a0c0-33d80f14ee30/� customize_changeset� $ � ( � - � ��`qB��`qB � � & 1kadenceinheritclosedclosed81-revision-v1��`qB��`qB Qhttps://invoice.webstation.my/?p=557� revision� $ $ � 0 � . � ��`qz��`qz � � & 4|trashclosedclosed7936ee76-028e-4d1a-883c-1458b81d6fef��`qz��`qz https://invoice.webstation.my/?p=558� customize_changeset� $ � 8 � / � ��`qz��`qz � � & 1
kadenceinheritclosedclosed81-revision-v1��`qz��`qz Qhttps://invoice.webstation.my/?p=559� revision� X $ � @
0 � ��`q���`q� � � & 4`trashclosedclosedd5036240-2912-4690-9a51-66544c9e13cc��`q���`q� https://invoice.webstation.my/index.php/2026/03/16/d5036240-2912-4690-9a51-66544c9e13cc/� customize_changeset� $ � H � 1 � ��`q���`q� � � & 0�kadenceinheritclosedclosed81-revision-v1��`q���`q� Qhttps://invoice.webstation.my/?p=561� revision� X $ � P
2 � ��`{���`{� � � & 4_trashclosedclosed8c6c05d3-1c09-4781-b4fe-af505ff12d84��`{���`{� https://invoice.webstation.my/index.php/2026/03/16/8c6c05d3-1c09-4781-b4fe-af505ff12d84/� customize_changeset� $ � X � 3 � ��`{���`{� � � & 0�kadenceinheritclosedclosed81-revision-v1��`{���`{� Qhttps://invoice.webstation.my/?p=563� revision� X $ � `
4 � ��`| ��`| � � & 4_trashclosedclosedf440bae9-ee4f-489d-bb67-622c797937df��`| ��`| https://invoice.webstation.my/index.php/2026/03/16/f440bae9-ee4f-489d-bb67-622c797937df/� customize_changeset� $ � h � 5 � ��`| ��`| � � & 0�kadenceinheritclosedclosed81-revision-v1��`| ��`| Qhttps://invoice.webstation.my/?p=565� revision� X $ � p
6 � ��`|晹`|� � � & 5Atrashclosedcloseda7e9dcf3-ac68-43a0-a36b-5adeeb257fd4��`|晹`|� https://invoice.webstation.my/index.php/2026/03/16/a7e9dcf3-ac68-43a0-a36b-5adeeb257fd4/� customize_changeset� $ � x � 7 � ��`|晹`|� � � & 1�kadenceinheritclosedclosed81-revision-v1��`|晹`|� Qhttps://invoice.webstation.my/?p=567� revision� X $ � �
9 � ��`~)��`~) � � & 5�trashclosedclosed24a0bf36-3951-4ad8-89de-a917a5a0229b��`~)��`~) https://invoice.webstation.my/index.php/2026/03/16/24a0bf36-3951-4ad8-89de-a917a5a0229b/� customize_changeset� $ � � � : � ��`~)��`~) � � & 2Okadenceinheritclosedclosed81-revision-v1��`~)��`~) Qhttps://invoice.webstation.my/?p=570� revision� X $ � �
; � ��`~N��`~N � � & 5�trashclosedclosedb171b2d8-5dd7-4ef5-af8b-852592491dbd��`~N��`~N https://invoice.webstation.my/index.php/2026/03/16/b171b2d8-5dd7-4ef5-af8b-852592491dbd/� customize_changeset� $ � � � < � ��`~N��`~N � � & 2Skadenceinheritclosedclosed81-revision-v1��`~N��`~N Qhttps://invoice.webstation.my/?p=572� revision� X $ � �
= � ��`~�`~� � � & 4_trashclosedclosedc4a7cc99-0a37-4e00-a292-f10ff4978a72��`~�`~� https://invoice.webstation.my/index.php/2026/03/16/c4a7cc99-0a37-4e00-a292-f10ff4978a72/� customize_changeset� $ � � � > � ��`~�`~� � � & 0�kadenceinheritclosedclosed81-revision-v1��`~�`~� Qhttps://invoice.webstation.my/?p=574� revision� X $ � �
? � ��`���`� � � & 4_trashclosedclosedc0d4b594-bca3-4da7-ac88-6704f0cc2f83��`���`� https://invoice.webstation.my/index.php/2026/03/16/c0d4b594-bca3-4da7-ac88-6704f0cc2f83/� customize_changeset� $ � � � @ � ��`���`� � � & 0�kadenceinheritclosedclosed81-revision-v1��`���`� Qhttps://invoice.webstation.my/?p=576� revision� X $ � �
A � ��`�'��`�' � � & 4_trashclosedclosed3f730a52-7fd8-4bde-951a-ae1f110e6707��`�'��`�' https://invoice.webstation.my/index.php/2026/03/16/3f730a52-7fd8-4bde-951a-ae1f110e6707/� customize_changeset� $ � � � B � ��`�'��`�' � � & 0�kadenceinheritclosedclosed81-revision-v1��`�'��`�' Qhttps://invoice.webstation.my/?p=578� revision� X $ � �
C � ��`�f��`�f � � & 4_trashclosedclosedebc078ea-706f-4b2f-9955-a1fdf258fb0b��`�f��`�f https://invoice.webstation.my/index.php/2026/03/16/ebc078ea-706f-4b2f-9955-a1fdf258fb0b/� customize_changeset� $ � � � D � ��`�f��`�f � � & 0�kadenceinheritclosedclosed81-revision-v1��`�f��`�f Qhttps://invoice.webstation.my/?p=580� revision� X $ � ��� E � ��`����`�� � � & 5Atrashclosedclosed566de609-09df-4d78-8159-91f9f614e8cc��`����`�� https://invoice.webstation.my/index.php/2026/03/16/566de609-09df-4d78-8159-91f9f614e8cc/� customize_changeset� 9 ^� �� 8 � ��`}��`}<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/lmbbmnkxxhckzasan0t0.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-AIZXuYAx">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM</div>
<div class="kaya-webstation-docno">#11043</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lmbbmnkxxhckzasan0t0.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-oUJReHb7">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">HAKIM</div>
<div class="kaya-webstation-print-docno">#11043</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lmbbmnkxxhckzasan0t0.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-oUJReHb7"
data-filename="11043-TEST2-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#11043</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TEST2</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/lmbbmnkxxhckzasan0t0.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-16</div></div></div></div>TEST2trashopenopentest2__trashed-2��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/16/test2/� post� po
�
7�3 cj�H�<]$� ������� j���
� 1����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
font-size:2.2mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin-top:0.6mm;
text-align:left;
white-space:nowrap;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j����� ������� j��u
� 5����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n font-size:2.2mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin-top:0.6mm;\n text-align:left;\n white-space:nowrap;\n\t display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 07:56:41"
}
} j��u>��1 ������� j�)
� 2O����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
font-size:2.2mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin-top:0.6mm;
text-align:left;
white-space:nowrap;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j�)楯� ������� j�d�
� 5����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n font-size:2.2mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin-top:0.6mm;\n text-align:left;\n white-space:nowrap;\n\t display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 07:57:14"
}
} j�d�fE< ������ j��E
� 2S����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
font-size:2.2mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin-top:0.6mm;
text-align:left;
white-space:nowrap;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j��EY�j ������ j�3l
� 4_����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:30mm !important;\n max-width:30mm !important;\n height:auto !important;\n max-height:30mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 07:59:52"
}
} j�3l^ �- ������ j��G
� 0���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:30mm !important;
max-width:30mm !important;
height:auto !important;
max-height:30mm !important;
display:block;
} j��G ��q ������ j��p
� 4_����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto !important;\n max-height:20mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:00:04"
}
} j��p/
�� ������ j�SJ
� 0���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto !important;
max-height:20mm !important;
display:block;
} j�SJ�'� ��������� j��q
� 4_����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:25mm !important;\n max-width:25mm !important;\n height:auto !important;\n max-height:25mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:00:39"
}
} j��q�%� ��������� j�F
� 0���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:25mm !important;
max-width:25mm !important;
height:auto !important;
max-height:25mm !important;
display:block;
} j�Fר� ��������� j�U�
� 4_����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-left{\n width:35mm;\n min-width:35mm;\n max-width:35mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:0;\n}\n\n.kaya-webstation-print-right{\n width:21mm;\n min-width:21mm;\n max-width:21mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n\tfont-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-contact:last-child{\n margin-top:auto;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:25mm !important;\n max-width:25mm !important;\n height:auto !important;\n max-height:25mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:01:38"
}
} j�U�T�� ��������� j��i
� 0���/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
}
.kaya-webstation-print-left{
width:35mm;
min-width:35mm;
max-width:35mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-contact:last-child{
margin-top:0;
}
.kaya-webstation-print-right{
width:21mm;
min-width:21mm;
max-width:21mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-contact:last-child{
margin-top:auto;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:25mm !important;
max-width:25mm !important;
height:auto !important;
max-height:25mm !important;
display:block;
} j��imdkp ��������� j�
� 5A����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n font-size:2.2mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin-top:0.6mm;\n text-align:left;\n white-space:nowrap;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:02:30"
}
} j��� ��������� j���
� 1����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
font-size:2.2mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin-top:0.6mm;
text-align:left;
white-space:nowrap;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j���/� � ��������� j��%
� 5�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n align-self:flex-start;\n padding-left:0;\n margin:0.6mm 0 0 0;\n\n font-size:2.2mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:04:20"
}
} j��%M�Op ��������� j�g�
� 2%����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
width:32mm;
min-width:32mm;
max-width:32mm;
align-self:flex-start;
padding-left:0;
margin:0.6mm 0 0 0;
font-size:2.2mm;
line-height:1.05;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j�g�i ��������� j��[
� 5�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n align-self:flex-start;\n padding-left:0;\n margin:-0.6mm 0 0 0;\n\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:05:03"
}
} j��[�)N ��������� j�'�
� 2%����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
width:32mm;
min-width:32mm;
max-width:32mm;
align-self:flex-start;
padding-left:0;
margin:-0.6mm 0 0 0;
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j�'�F�� ��������� j�t>
� 5�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:center;\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n align-self:flex-start;\n padding-left:0;\n margin:-2mm 0 0 0;\n\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:05:18"
}
} j�t>�� �������� j��G
� 2#����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
width:32mm;
min-width:32mm;
max-width:32mm;
align-self:flex-start;
padding-left:0;
margin:-2mm 0 0 0;
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j��GL$ � �������� j���
� 5�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start; /* was center */\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n align-self:flex-start;\n padding-left:0;\n margin:-7mm 0 0 0;\n\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:08:31"
}
} j���ej� �������� j���
� 2#����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
width:32mm;
min-width:32mm;
max-width:32mm;
align-self:flex-start;
padding-left:0;
margin:-3mm 0 0 0;
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j���B)Qf �������� j�w4
� 5�����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start; /* was center */\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n align-self:flex-start;\n padding-left:0;\n margin:0 0 0 0;\n\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:09:01"
}
} j�w4!e�4 �������� j�l�
� 28����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start; /* was center */
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
width:32mm;
min-width:32mm;
max-width:32mm;
align-self:flex-start;
padding-left:0;
margin:-3mm 0 0 0;
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j�l��BD� �������� j�=�
� 5����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\tposition:relative;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start; /* was center */\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n align-self:flex-start;\n padding-left:0;\n margin:0 0 0 0;\n\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:11:13"
}
} j�=��]� �������� j�$V
� 28����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start; /* was center */
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
width:32mm;
min-width:32mm;
max-width:32mm;
align-self:flex-start;
padding-left:0;
margin:-7mm 0 0 0;
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j�$V�.� �������� j��5
� 5����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\tposition:relative;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start; /* was center */\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n position:absolute;\n left:2mm; /* adjust left */\n top:31mm; /* adjust up/down freely */\n\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:11:28"
}
} j��5J.�� �������� j��
� 25����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start; /* was center */
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
width:32mm;
min-width:32mm;
max-width:32mm;
align-self:flex-start;
padding-left:0;
margin:0 0 0 0;
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j�屬�+� �������� j��
� 5����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\tposition:relative;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start; /* was center */\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n position:absolute;\n left:2mm; /* adjust left */\n top:32mm; /* adjust up/down freely */\n\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:11:56"
}
} j�� E`�
�������� j���
� 2I����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start; /* was center */
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
width:32mm;
min-width:32mm;
max-width:32mm;
align-self:flex-start;
padding-left:0;
margin:0 0 0 0;
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j��� �Z� �������� j���
� 5����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#fff;\n box-sizing:border-box;\n padding:2mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\tposition:relative;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:32mm;\n min-width:32mm;\n max-width:32mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start; /* was center */\n text-align:left;\n box-sizing:border-box;\n padding-right:1mm;\n}\n\n.kaya-webstation-print-right{\n width:24mm;\n min-width:24mm;\n max-width:24mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 0.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:2.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.3mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n/* customer / doc no */\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:2.5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.2px;\n}\n\n/* small info at bottom left block */\n.kaya-webstation-print-contact{\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.35mm 0;\n text-align:left;\n white-space:normal;\n}\n\n/* email below whole layout */\n.kaya-webstation-print-email{\n position:absolute;\n left:2mm; /* adjust left */\n top:31.5mm; /* adjust up/down freely */\n\n font-size:2.5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n/* QR */\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:29mm !important;\n max-width:29mm !important;\n height:auto !important;\n max-height:29mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:12:16"
}
} j��� �7� �������� j�d�
� 2X����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start; /* was center */
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
position:absolute;
left:2mm; /* adjust left */
top:31mm; /* adjust up/down freely */
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j�d�[P�
�������� j��
� 5Y����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:120mm;\n height:80mm;\n background:#fff;\n box-sizing:border-box;\n padding:4mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n position:relative;\n\n transform:scale(0.5);\n transform-origin:top left;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:64mm;\n min-width:64mm;\n max-width:64mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:2mm;\n}\n\n.kaya-webstation-print-right{\n width:48mm;\n min-width:48mm;\n max-width:48mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:6.8mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.6mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:5.2mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 2.6mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 2.4mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 2.4mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.4px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 2.4mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.4px;\n}\n\n.kaya-webstation-print-contact{\n font-size:5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.7mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-email{\n position:absolute;\n left:4mm;\n top:63mm;\n\n font-size:5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:58mm !important;\n max-width:58mm !important;\n height:auto !important;\n max-height:58mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:24:42"
}
} j�� A.?H �������� j�E�
� 2X����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start; /* was center */
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
position:absolute;
left:2mm; /* adjust left */
top:32mm; /* adjust up/down freely */
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j�E�~vxX �������� j�W
� 5>����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:120mm;\n height:80mm;\n background:#fff;\n box-sizing:border-box;\n padding:4mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n position:relative;\n transform-origin:top left;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:64mm;\n min-width:64mm;\n max-width:64mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:2mm;\n}\n\n.kaya-webstation-print-right{\n width:48mm;\n min-width:48mm;\n max-width:48mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:6.8mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 1.6mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:5.2mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 2.6mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 2.4mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 2.4mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.4px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:5mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 2.4mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.4px;\n}\n\n.kaya-webstation-print-contact{\n font-size:5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 0.7mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-email{\n position:absolute;\n left:4mm;\n top:63mm;\n\n font-size:5mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:58mm !important;\n max-width:58mm !important;\n height:auto !important;\n max-height:58mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:25:38"
}
} j�W
X �R �������� j���
� 2Z����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#fff;
box-sizing:border-box;
padding:2mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:32mm;
min-width:32mm;
max-width:32mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start; /* was center */
text-align:left;
box-sizing:border-box;
padding-right:1mm;
}
.kaya-webstation-print-right{
width:24mm;
min-width:24mm;
max-width:24mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 0.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:2.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.3mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:nowrap;
}
/* customer / doc no */
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:2.5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.2px;
}
/* small info at bottom left block */
.kaya-webstation-print-contact{
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.35mm 0;
text-align:left;
white-space:normal;
}
/* email below whole layout */
.kaya-webstation-print-email{
position:absolute;
left:2mm; /* adjust left */
top:31.5mm; /* adjust up/down freely */
font-size:2.5mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
/* QR */
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:29mm !important;
max-width:29mm !important;
height:auto !important;
max-height:29mm !important;
display:block;
} j���C�E �������� j��j
� 5O����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:240mm;\n height:160mm;\n background:#fff;\n box-sizing:border-box;\n padding:8mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n position:relative;\n\n transform-origin:top left;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:128mm;\n min-width:128mm;\n max-width:128mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:4mm;\n}\n\n.kaya-webstation-print-right{\n width:96mm;\n min-width:96mm;\n max-width:96mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:13.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 3.2mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:10.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 5.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:12mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 4.8mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:10mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 4.8mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.8px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:10mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 4.8mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:0.8px;\n}\n\n.kaya-webstation-print-contact{\n font-size:10mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 1.4mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-email{\n position:absolute;\n left:8mm;\n top:126mm;\n\n font-size:10mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:116mm !important;\n max-width:116mm !important;\n height:auto !important;\n max-height:116mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 08:32:32"
}
} j��j��s � j�HkE� � ?׀# 3� ! B )infimum supremum $ � � F � ��`����`�� � � & 1�kadenceinheritclosedclosed81-revision-v1��`����`�� Qhttps://invoice.webstation.my/?p=582� revision� X $ �
G � ��`���`� � � & 5�trashclosedclosed6b00a34c-30db-4042-837e-65115562aec5��`���`� https://invoice.webstation.my/index.php/2026/03/16/6b00a34c-30db-4042-837e-65115562aec5/� customize_changeset� $ � � H � ��`���`� � � & 2%kadenceinheritclosedclosed81-revision-v1��`���`� Qhttps://invoice.webstation.my/?p=584� revision� X $ � (
I � ��`�C��`�C � � & 5�trashclosedclosed562c4c0d-481f-4772-be96-c5c918ccdf54��`�C��`�C https://invoice.webstation.my/index.php/2026/03/16/562c4c0d-481f-4772-be96-c5c918ccdf54/� customize_changeset� $ � 0 � J � ��`�C��`�C � � & 2%kadenceinheritclosedclosed81-revision-v1��`�C��`�C Qhttps://invoice.webstation.my/?p=586� revision� X $ � 8
K � ��`�R��`�R � � & 5�trashclosedclosede8b1f31e-294e-42a3-b331-e140e654342b��`�R��`�R https://invoice.webstation.my/index.php/2026/03/16/e8b1f31e-294e-42a3-b331-e140e654342b/� customize_changeset� $ � @ � L � ��`�R��`�R � & 2#kadenceinheritclosedclosed81-revision-v1��`�R��`�R Qhttps://invoice.webstation.my/?p=588� revision� X $ � H
M � ��`�t��`�t � � & 5�trashclosedclosed90d2df72-2afc-4aef-a38d-90ba5ca42e99��`�t��`�t https://invoice.webstation.my/index.php/2026/03/16/90d2df72-2afc-4aef-a38d-90ba5ca42e99/� customize_changeset� $ � P � N � ��`�t��`�t � & 2#kadenceinheritclosedclosed81-revision-v1��`�t��`�t Qhttps://invoice.webstation.my/?p=590� revision� X $ � X
O � ��`����`�� � � & 5�trashclosedclosed3fedeb56-9c84-43a1-b5a9-e313cbf46476��`����`�� https://invoice.webstation.my/index.php/2026/03/16/3fedeb56-9c84-43a1-b5a9-e313cbf46476/� customize_changeset� $ � ` � P � ��`����`�� � & 28kadenceinheritclosedclosed81-revision-v1��`����`�� Qhttps://invoice.webstation.my/?p=592� revision� X $ � h
Q � ��`� ��`� � & 5�trashclosedclosedd9e683d9-bfa7-4086-aa70-82bd1f5f4606��`� ��`� https://invoice.webstation.my/index.php/2026/03/16/d9e683d9-bfa7-4086-aa70-82bd1f5f4606/� customize_changeset� $ � p � R � ��`� ��`� � & 28kadenceinheritclosedclosed81-revision-v1��`� ��`� Qhttps://invoice.webstation.my/?p=594� revision� X $ � x
S � ��`�A��`�A � & 5�trashclosedclosed5cd96475-2c45-4253-af6c-b617f03c71c1��`�A��`�A https://invoice.webstation.my/index.php/2026/03/16/5cd96475-2c45-4253-af6c-b617f03c71c1/� customize_changeset� $ � � � T � ��`�A��`�A � & 25kadenceinheritclosedclosed81-revision-v1��`�A��`�A Qhttps://invoice.webstation.my/?p=596� revision� X $ � �
U � ��`�͙�`�� � & 5�trashclosedclosede5bcd3e7-c9a8-45c1-a04e-9442c041da0f��`�͙�`�� https://invoice.webstation.my/index.php/2026/03/16/e5bcd3e7-c9a8-45c1-a04e-9442c041da0f/� customize_changeset� $ � � � V � ��`�͙�`�� �
& 2Ikadenceinheritclosedclosed81-revision-v1��`�͙�`�� Qhttps://invoice.webstation.my/?p=598� revision� X $ � �
W � ��`�ܙ�`�� � & 5�trashclosedclosed190cb688-3eaa-4514-b034-57378139be2c��`�ܙ�`�� https://invoice.webstation.my/index.php/2026/03/16/190cb688-3eaa-4514-b034-57378139be2c/� customize_changeset� $ � � � X � ��`�ܙ�`�� � & 2Xkadenceinheritclosedclosed81-revision-v1��`�ܙ�`�� Qhttps://invoice.webstation.my/?p=600� revision� X $ � �
Y � ��`����`�� � & 5�trashclosedclosedd5492236-2f04-47fb-8a7e-ef9d1c7ae96b��`����`�� https://invoice.webstation.my/index.php/2026/03/16/d5492236-2f04-47fb-8a7e-ef9d1c7ae96b/� customize_changeset� $ � � � Z � ��`����`�� � & 2Xkadenceinheritclosedclosed81-revision-v1��`����`�� Qhttps://invoice.webstation.my/?p=602� revision� X $ � �
[ � ��`���`� � & 5�trashclosedclosed96a5bfde-789c-45b4-ad99-8bde88c6c497��`���`� https://invoice.webstation.my/index.php/2026/03/16/96a5bfde-789c-45b4-ad99-8bde88c6c497/� customize_changeset� $ � � � \ � ��`���`� � & 2Zkadenceinheritclosedclosed81-revision-v1��`���`� Qhttps://invoice.webstation.my/?p=604� revision� X $ � �
] � ��`�*��`�* �
& 5Ytrashclosedclosedc1b6eb44-130c-4b61-bda4-c24cfcde1d2f��`�*��`�* https://invoice.webstation.my/index.php/2026/03/16/c1b6eb44-130c-4b61-bda4-c24cfcde1d2f/� customize_changeset� $ � � � ^ � ��`�*��`�* � & 1�kadenceinheritclosedclosed81-revision-v1��`�*��`�* Qhttps://invoice.webstation.my/?p=606� revision� X $ � �
_ � ��`�f��`�f � & 5>trashclosedcloseda65bc4fc-d751-4dea-a1e0-daf59adb05bb��`�f��`�f https://invoice.webstation.my/index.php/2026/03/16/a65bc4fc-d751-4dea-a1e0-daf59adb05bb/� customize_changeset� $ � � � ` � ��`�g��`�g � & 1�kadenceinheritclosedclosed81-revision-v1��`�g��`�g Qhttps://invoice.webstation.my/?p=608� revision� $ $ � � � a � ��`� ��`� � & 5Otrashclosedclosedd1149314-15e1-4acc-9f62-d51b7267156c��`� ��`� https://invoice.webstation.my/?p=609� customize_changeset� $ � � b � ��`� ��`� � & 1�kadenceinheritclosedclosed81-revision-v1��`� ��`� Qhttps://invoice.webstation.my/?p=610� revision� $ v� � % d � ��`�ԙ�`��<div class="kaya-inv-page kaya-inv-page--webstation">
<div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/sumsuluuz5s1txezly1h.pdf"]</div>
<div class="kaya-inv-qr kaya-inv-qr--kaya">
<div class="kaya-inv-qrbox">
<div id="kaya-qr-view-MinZPHFQ" class="kaya-qr-download-wrap kaya-webstation-qr">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM</div>
<div class="kaya-webstation-docno">#11044</div>
<div class="kaya-qr-download-inner">[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/sumsuluuz5s1txezly1h.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div id="kaya-qr-print-z5SeIQ8u" class="kaya-webstation-print">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">HAKIM</div>
<div class="kaya-webstation-print-docno">#11044</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/sumsuluuz5s1txezly1h.pdf" dynamic_content="0" size="500" download_button="0" download_align="aligncenter"]</div>
</div>
</div>
<div class="kaya-webstation-print-email">E-mail: sales@webstation.my</div>
</div>
</div>
<div class="kaya-qr-download-actions"><button class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn" type="button" data-target="kaya-qr-print-z5SeIQ8u" data-filename="11044-TESTLast-qr.png">
Download QR Image
</button></div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">Customer Name</div>
<div class="kaya-inv-text">HAKIM</div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">Document Number</div>
<div class="kaya-inv-text">#11044</div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">Title</div>
<div class="kaya-inv-text">TESTLast</div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">File URL</div>
<div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/sumsuluuz5s1txezly1h.pdf</div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">Created Date</div>
<div class="kaya-inv-text">2026-03-16</div>
</div>
</div>
</div>TESTLastinheritclosedclosed611-revision-v1��`�ԙ�`�� chttps://invoice.webstation.my/?p=612� revision� $ w� & e � ��`�֙�`��<div class="kaya-inv-page kaya-inv-page--webstation">
<div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/sumsuluuz5s1txezly1h.pdf"]</div>
<div class="kaya-inv-qr kaya-inv-qr--kaya">
<div class="kaya-inv-qrbox">
<div id="kaya-qr-view-MinZPHFQ" class="kaya-qr-download-wrap kaya-webstation-qr">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM</div>
<div class="kaya-webstation-docno">#11044</div>
<div class="kaya-qr-download-inner">[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/sumsuluuz5s1txezly1h.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div id="kaya-qr-print-z5SeIQ8u" class="kaya-webstation-print">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">HAKIM</div>
<div class="kaya-webstation-print-docno">#11044</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/sumsuluuz5s1txezly1h.pdf" dynamic_content="0" size="1000" download_button="0" download_align="aligncenter"]</div>
</div>
</div>
<div class="kaya-webstation-print-email">E-mail: sales@webstation.my</div>
</div>
</div>
<div class="kaya-qr-download-actions"><button class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn" type="button" data-target="kaya-qr-print-z5SeIQ8u" data-filename="11044-TESTLast-qr.png">
Download QR Image
</button></div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">Customer Name</div>
<div class="kaya-inv-text">HAKIM</div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">Document Number</div>
<div class="kaya-inv-text">#11044</div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">Title</div>
<div class="kaya-inv-text">TESTLast</div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">File URL</div>
<div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/sumsuluuz5s1txezly1h.pdf</div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">Created Date</div>
<div class="kaya-inv-text">2026-03-16</div>
</div>
</div>
</div>TESTLastinheritclosedclosed611-revision-v1��`�֙�`�� chttps://invoice.webstation.my/?p=613� revision� X $ � �� f � ��`����`�� � & 5Ttrashclosedcloseda540fe94-e069-4d41-b8d6-0aabc85db778��`����`�� https://invoice.webstation.my/index.php/2026/03/16/a540fe94-e069-4d41-b8d6-0aabc85db778/� customize_changeset� < w� � c � ��`����`��<div class="kaya-inv-page kaya-inv-page--webstation">
<div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/sumsuluuz5s1txezly1h.pdf"]</div>
<div class="kaya-inv-qr kaya-inv-qr--kaya">
<div class="kaya-inv-qrbox">
<div id="kaya-qr-view-MinZPHFQ" class="kaya-qr-download-wrap kaya-webstation-qr">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM</div>
<div class="kaya-webstation-docno">#11044</div>
<div class="kaya-qr-download-inner">[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/sumsuluuz5s1txezly1h.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div id="kaya-qr-print-z5SeIQ8u" class="kaya-webstation-print">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">HAKIM</div>
<div class="kaya-webstation-print-docno">#11044</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/sumsuluuz5s1txezly1h.pdf" dynamic_content="0" size="1000" download_button="0" download_align="aligncenter"]</div>
</div>
</div>
<div class="kaya-webstation-print-email">E-mail: sales@webstation.my</div>
</div>
</div>
<div class="kaya-qr-download-actions"><button class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn" type="button" data-target="kaya-qr-print-z5SeIQ8u" data-filename="11044-TESTLast-qr.png">
Download QR Image
</button></div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">Customer Name</div>
<div class="kaya-inv-text">HAKIM</div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">Document Number</div>
<div class="kaya-inv-text">#11044</div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">Title</div>
<div class="kaya-inv-text">TESTLast</div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">File URL</div>
<div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/sumsuluuz5s1txezly1h.pdf</div>
</div>
<div class="kaya-inv-meta">
<div class="kaya-inv-label">Created Date</div>
<div class="kaya-inv-text">2026-03-16</div>
</div>
</div>
</div>TESTLasttrashopenopentestlast__trashed��`�^��`�^ https://invoice.webstation.my/index.php/2026/03/16/testlast/� post� p�'�
�
S� cj�Hk��_Z �������� j�
� 1����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:120mm;
height:80mm;
background:#fff;
box-sizing:border-box;
padding:4mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
transform:scale(0.5);
transform-origin:top left;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:64mm;
min-width:64mm;
max-width:64mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:2mm;
}
.kaya-webstation-print-right{
width:48mm;
min-width:48mm;
max-width:48mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:6.8mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.6mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:5.2mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 2.6mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 2.4mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 2.4mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.4px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 2.4mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.4px;
}
.kaya-webstation-print-contact{
font-size:5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.7mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-email{
position:absolute;
left:4mm;
top:63mm;
font-size:5mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:58mm !important;
max-width:58mm !important;
height:auto !important;
max-height:58mm !important;
display:block;
} j�b\� �������� ��;�
� l����=\"text\"]:focus,\n.wst-upload-form .kaya-up-field input[type=\"date\"]:focus,\n.wst-upload-form .kaya-up-field select:focus{\n border-color:rgba(25,133,244,0.55);\n box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);\n background:#ffffff;\n}\n\n.wst-upload-form .kaya-up-drop{\n position:relative;\n border:2px dashed rgba(25,133,244,0.35);\n border-radius:1.1rem;\n padding:1.75rem 1.25rem;\n background:#f8fbff;\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;\n}\n\n.wst-upload-form .kaya-up-drop.is-drag{\n border-color:rgba(25,133,244,0.75);\n box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);\n background:#f1f7ff;\n}\n\n.wst-upload-form .kaya-up-illu{\n width:5.375rem;\n height:5.375rem;\n margin:0 auto 0.75rem;\n border-radius:1rem;\n background:rgba(25,133,244,0.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.wst-upload-form .kaya-up-illu svg{\n width:2.75rem;\n height:2.75rem;\n stroke:var(--pri);\n}\n\n.wst-upload-form .kaya-up-title{\n font-size:1.125rem;\n font-weight:800;\n color:var(--txt);\n margin:0.4rem 0 0.5rem;\n}\n\n.wst-upload-form .kaya-up-or{\n display:flex;\n align-items:center;\n gap:0.625rem;\n justify-content:center;\n margin:0.625rem 0 0.875rem;\n color:var(--mut);\n font-size:0.82rem;\n}\n\n.wst-upload-form .kaya-up-or:before,\n.wst-upload-form .kaya-up-or:after{\n content:\"\";\n height:1px;\n width:5.625rem;\n background:rgba(15,35,71,0.12);\n}\n\n.wst-upload-form .kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:3.25rem;\n padding:0 1.625rem;\n border-radius:0.95rem;\n font-weight:800;\n font-size:0.96rem;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none !important;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;\n box-shadow:none !important;\n outline:none;\n}\n\n.wst-upload-form .kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.wst-upload-form .kaya-up-btn--primary{\n background:var(--pri);\n color:#ffffff !important;\n min-width:20rem;\n box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;\n}\n\n.wst-upload-form .kaya-up-btn--primary:hover,\n.wst-upload-form .kaya-up-btn--primary:focus,\n.wst-upload-form .kaya-up-btn--primary:active{\n background:var(--pri-hover);\n color:#ffffff !important;\n}\n\n.wst-upload-form .kaya-up-btn--ghost{\n background:#ffffff;\n color:var(--txt) !important;\n border-color:#d6dee8;\n}\n\n.wst-upload-form .kaya-up-btn--ghost:hover,\n.wst-upload-form .kaya-up-btn--ghost:focus,\n.wst-upload-form .kaya-up-btn--ghost:active{\n background:#f7faff;\n color:var(--txt) !important;\n border-color:rgba(25,133,244,0.35);\n}\n\n.wst-upload-form .kaya-up-note{\n font-size:0.75rem;\n color:var(--mut);\n margin-top:0.625rem;\n}\n\n.wst-upload-form .kaya-up-filehint{\n font-size:0.82rem;\n color:var(--txt);\n margin-top:0.625rem;\n font-weight:700;\n word-break:break-word;\n}\n\n.wst-upload-form .kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.wst-upload-form .kaya-up-alert{\n border-radius:0.9rem;\n padding:0.85rem 1rem;\n border:1px solid #e5d19a;\n background:#f8f1dd;\n color:#7a5c18;\n margin:0 0 0.85rem;\n}\n\n.wst-upload-form .kaya-up-alert--ok{\n border-color:rgba(34,197,94,0.22);\n background:rgba(34,197,94,0.08);\n color:#166534;\n}\n\n.wst-upload-form .kaya-up-alert--err{\n border-color:rgba(239,68,68,0.22);\n background:rgba(239,68,68,0.08);\n color:#991b1b;\n}\n\n.wst-upload-form .kaya-up-alert--warn{\n border-color:#e5d19a;\n background:#f8f1dd;\n color:#7a5c18;\n}\n\n.wst-upload-form .kaya-up-small{\n font-size:0.75rem;\n color:#7d8da1;\n margin-top:0.4rem;\n word-break:break-all;\n}\n\n.wst-upload-form .kaya-up-debug{\n margin-top:0.625rem;\n padding:0.75rem;\n border-radius:0.75rem;\n border:1px dashed #d6dee8;\n background:#f8fafc;\n font-size:0.75rem;\n color:var(--txt);\n}\n\n.wst-upload-form .kaya-up-debug pre{\n margin:0.5rem 0 0;\n white-space:pre-wrap;\n}\n\n.wst-upload-form .kaya-up-field select{\n min-height:3.2rem;\n padding:0.9rem 3rem 0.9rem 1rem;\n border:1px solid #d6dee8;\n border-radius:0.95rem;\n background-color:#f3f5f7;\n color:#0f2347;\n font-size:0.95rem;\n font-weight:600;\n line-height:1.2;\n outline:none;\n cursor:pointer;\n appearance:none;\n -webkit-appearance:none;\n -moz-appearance:none;\n box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);\n transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n background-repeat:no-repeat;\n background-position:right 1rem center;\n background-size:1rem;\n}\n\n.wst-upload-form .kaya-up-field select:hover{\n background-color:#ffffff;\n border-color:rgba(25,133,244,0.35);\n}\n\n.wst-upload-form .kaya-up-field select:focus{\n background-color:#ffffff;\n border-color:#1985f4;\n box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);\n}\n\n.wst-upload-form .kaya-up-field select:required:invalid{\n color:#8a98aa;\n font-weight:500;\n}\n\n.wst-upload-form .kaya-up-field select option{\n background:#ffffff;\n color:#0f2347;\n font-weight:500;\n}\n\n.wst-upload-form .kaya-up-field select option[value=\"\"],\n.wst-upload-form .kaya-up-field select option[disabled]{\n color:#8a98aa;\n}\n\n.wst-upload-form .kaya-up-field select optgroup{\n background:#f8fafc;\n color:#1985f4;\n font-style:normal;\n font-weight:700;\n}\n\n.wst-upload-form .kaya-up-field select::-ms-expand{\n display:none;\n}\n\n@media (max-width: 64em){\n .wst-upload-inner{\n flex-direction:column;\n align-items:stretch;\n gap:2rem;\n padding:0;\n }\n\n .wst-upload-text,\n .wst-upload-form{\n flex:0 0 100%;\n max-width:none;\n width:100%;\n }\n}\n\n@media (max-width: 48em){\n .wst-upload-inner{\n gap:1.25rem;\n padding:0;\n }\n\n .wst-upload-form .elementor-heading-title{\n font-size:1.5rem;\n }\n\n .wst-upload-form .kaya-up-btn--primary{\n min-width:100%;\n }\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-04-06 06:32:57"
}
} ��;��� �������� j���
� 1�����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:120mm;
height:80mm;
background:#fff;
box-sizing:border-box;
padding:4mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
transform-origin:top left;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:64mm;
min-width:64mm;
max-width:64mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:2mm;
}
.kaya-webstation-print-right{
width:48mm;
min-width:48mm;
max-width:48mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:6.8mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 1.6mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:5.2mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 2.6mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 2.4mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 2.4mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.4px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:5mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 2.4mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.4px;
}
.kaya-webstation-print-contact{
font-size:5mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 0.7mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-email{
position:absolute;
left:4mm;
top:63mm;
font-size:5mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:58mm !important;
max-width:58mm !important;
height:auto !important;
max-height:58mm !important;
display:block;
} j�����: 3 H ���mE� � =&� ")# B )infimum supremum $ � � � � ���h9���h9 � C & Tkadenceinheritclosedclosed81-revision-v1���h9���h9 Qhttps://invoice.webstation.my/?p=713� revision� $ F�
� � � ���hי��h�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���hי��h� Zhttps://invoice.webstation.my/?p=714� revision� $ F�
� � � ���hי��h�<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���hי��h� Zhttps://invoice.webstation.my/?p=715� revision� $ =� ( � � ���hי��h�Invoice Upload <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���hי��h� Zhttps://invoice.webstation.my/?p=716� revision� $ �� 05 $ =� 8 $ =� @�$ � � ���j����j�Invoice Upload <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���j����j� Zhttps://invoice.webstation.my/?p=719� revision� p c���mjB�� �������� j���
� 5T����{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:360mm;\n height:240mm;\n background:#fff;\n box-sizing:border-box;\n padding:12mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n position:relative;\n\n transform-origin:top left;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:192mm;\n min-width:192mm;\n max-width:192mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:6mm;\n}\n\n.kaya-webstation-print-right{\n width:144mm;\n min-width:144mm;\n max-width:144mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:20.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 4.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:15.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.8mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:18mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-print-contact{\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 2.1mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-email{\n position:absolute;\n left:12mm;\n top:189mm;\n\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:174mm !important;\n max-width:174mm !important;\n height:auto !important;\n max-height:174mm !important;\n display:block;\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-03-16 09:06:06"
}
} j���l&G� �������� j�%�
� 1����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:240mm;
height:160mm;
background:#fff;
box-sizing:border-box;
padding:8mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
transform-origin:top left;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:128mm;
min-width:128mm;
max-width:128mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:4mm;
}
.kaya-webstation-print-right{
width:96mm;
min-width:96mm;
max-width:96mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:13.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 3.2mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:10.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 5.2mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:12mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 4.8mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:10mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 4.8mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.8px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:10mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 4.8mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:0.8px;
}
.kaya-webstation-print-contact{
font-size:10mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 1.4mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-email{
position:absolute;
left:8mm;
top:126mm;
font-size:10mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:116mm !important;
max-width:116mm !important;
height:auto !important;
max-height:116mm !important;
display:block;
} j�%�{� � � rCE� � 7��< 6� : B %�infimum supremum $ � � � � ��\M ��\M � � & &%kadenceinheritclosedclosed81-revision-v1��\M ��\M Qhttps://invoice.webstation.my/?p=506� revision� $ � � � � ��\M���\M� � � & &5kadenceinheritclosedclosed81-revision-v1��\M���\M� Qhttps://invoice.webstation.my/?p=508� revision� $ � � � � ��\M���\M� � � & &5kadenceinheritclosedclosed81-revision-v1��\M���\M� Qhttps://invoice.webstation.my/?p=510� revision� $ � ( � � ��\M���\M� � � & &5kadenceinheritclosedclosed81-revision-v1��\M���\M� Qhttps://invoice.webstation.my/?p=512� revision� $ � 0 � � ��\Mᙹ\M� � � & &Ikadenceinheritclosedclosed81-revision-v1��\Mᙹ\M� Qhttps://invoice.webstation.my/?p=514� revision� $ � 8 � � ��`U���`U� � � & 'kadenceinheritclosedclosed81-revision-v1��`U���`U� Qhttps://invoice.webstation.my/?p=519� revision� $ � @ � � ��`Uݙ�`U� � � & &�kadenceinheritclosedclosed81-revision-v1��`Uݙ�`U� Qhttps://invoice.webstation.my/?p=521� revision� $ � H � � ��`V��`V � � & &�kadenceinheritclosedclosed81-revision-v1��`V��`V Qhttps://invoice.webstation.my/?p=523� revision� $ � P �
� ��`V ��`V � � & &�kadenceinheritclosedclosed81-revision-v1��`V ��`V Qhttps://invoice.webstation.my/?p=525� revision� $ � X � � ��`VJ��`VJ � � & &Ikadenceinheritclosedclosed81-revision-v1��`VJ��`VJ Qhttps://invoice.webstation.my/?p=527� revision� $ � ` � � ��`VY��`VY � � & &ckadenceinheritclosedclosed81-revision-v1��`VY��`VY Qhttps://invoice.webstation.my/?p=529� revision� $ � h � � ��`V���`V� � � & &}kadenceinheritclosedclosed81-revision-v1��`V���`V� Qhttps://invoice.webstation.my/?p=531� revision� $ � p � � ��`V���`V� � � & &ckadenceinheritclosedclosed81-revision-v1��`V���`V� Qhttps://invoice.webstation.my/?p=533� revision� $ � x � � ��`j���`j� � � & &Ikadenceinheritclosedclosed81-revision-v1��`j���`j� Qhttps://invoice.webstation.my/?p=535� revision� $ � � � � ��`lt��`lt � � & 0�kadenceinheritclosedclosed81-revision-v1��`lt��`lt Qhttps://invoice.webstation.my/?p=537� revision� $ � � � � ��`l���`l� � � & 0�kadenceinheritclosedclosed81-revision-v1��`l���`l� Qhttps://invoice.webstation.my/?p=540� revision� $ � � � � ��`m%��`m% � � & 0�kadenceinheritclosedclosed81-revision-v1��`m%��`m% Qhttps://invoice.webstation.my/?p=542� revision� $ � � � " � ��`n&��`n& � � & 0�kadenceinheritclosedclosed81-revision-v1��`n&��`n& Qhttps://invoice.webstation.my/?p=546� revision� $ � � � $ � ��`nu��`nu � � & 0�kadenceinheritclosedclosed81-revision-v1��`nu��`nu Qhttps://invoice.webstation.my/?p=548� revision� $ � � � & � ��`n�`n� � � & 0�kadenceinheritclosedclosed81-revision-v1��`n�`n� Qhttps://invoice.webstation.my/?p=550� revision� $ � � � ( � ��`p���`p� � � & 0�kadenceinheritclosedclosed81-revision-v1��`p���`p� Qhttps://invoice.webstation.my/?p=552� revision� $ � � � + � ��`q��`q � � & 0�kadenceinheritclosedclosed81-revision-v1��`q��`q Qhttps://invoice.webstation.my/?p=555� revision� $ � � � - � ��`qB��`qB � � & 1kadenceinheritclosedclosed81-revision-v1��`qB��`qB Qhttps://invoice.webstation.my/?p=557� revision� $ � � � / � ��`qz��`qz � � & 1
kadenceinheritclosedclosed81-revision-v1��`qz��`qz Qhttps://invoice.webstation.my/?p=559� revision� $ � � � 1 � ��`q���`q� � � & 0�kadenceinheritclosedclosed81-revision-v1��`q���`q� Qhttps://invoice.webstation.my/?p=561� revision� $ � � � 3 � ��`{���`{� � � & 0�kadenceinheritclosedclosed81-revision-v1��`{���`{� Qhttps://invoice.webstation.my/?p=563� revision� $ � � � 5 � ��`| ��`| � � & 0�kadenceinheritclosedclosed81-revision-v1��`| ��`| Qhttps://invoice.webstation.my/?p=565� revision� $ � � � 7 � ��`|晹`|� � � & 1�kadenceinheritclosedclosed81-revision-v1��`|晹`|� Qhttps://invoice.webstation.my/?p=567� revision� $ � � � : � ��`~)��`~) � � & 2Okadenceinheritclosedclosed81-revision-v1��`~)��`~) Qhttps://invoice.webstation.my/?p=570� revision� $ � � � < � ��`~N��`~N � � & 2Skadenceinheritclosedclosed81-revision-v1��`~N��`~N Qhttps://invoice.webstation.my/?p=572� revision� $ � � > � ��`~�`~� � � & 0�kadenceinheritclosedclosed81-revision-v1��`~�`~� Qhttps://invoice.webstation.my/?p=574� revision� $ � � @ � ��`���`� � � & 0�kadenceinheritclosedclosed81-revision-v1��`���`� Qhttps://invoice.webstation.my/?p=576� revision� $ � � B � ��`�'��`�' � � & 0�kadenceinheritclosedclosed81-revision-v1��`�'��`�' Qhttps://invoice.webstation.my/?p=578� revision� $ � � D � ��`�f��`�f � � & 0�kadenceinheritclosedclosed81-revision-v1��`�f��`�f Qhttps://invoice.webstation.my/?p=580� revision� $ � � F � ��`����`�� � � & 1�kadenceinheritclosedclosed81-revision-v1��`����`�� Qhttps://invoice.webstation.my/?p=582� revision� $ �( � H � ��`���`� � � & 2%kadenceinheritclosedclosed81-revision-v1��`���`� Qhttps://invoice.webstation.my/?p=584� revision� $ � 0 � J � ��`�C��`�C � � & 2%kadenceinheritclosedclosed81-revision-v1��`�C��`�C Qhttps://invoice.webstation.my/?p=586� revision� $ � 8 � L � ��`�R��`�R � & 2#kadenceinheritclosedclosed81-revision-v1��`�R��`�R Qhttps://invoice.webstation.my/?p=588� revision� $ � @ � N � ��`�t��`�t � & 2#kadenceinheritclosedclosed81-revision-v1��`�t��`�t Qhttps://invoice.webstation.my/?p=590� revision� $ �H � P � ��`����`�� � & 28kadenceinheritclosedclosed81-revision-v1��`����`�� Qhttps://invoice.webstation.my/?p=592� revision� $ � P � R � ��`� ��`� � & 28kadenceinheritclosedclosed81-revision-v1��`� ��`� Qhttps://invoice.webstation.my/?p=594� revision� $ � X � T � ��`�A��`�A � & 25kadenceinheritclosedclosed81-revision-v1��`�A��`�A Qhttps://invoice.webstation.my/?p=596� revision� $ � ` � V � ��`�͙�`�� �
& 2Ikadenceinheritclosedclosed81-revision-v1��`�͙�`�� Qhttps://invoice.webstation.my/?p=598� revision� $ �h � X � ��`�ܙ�`�� � & 2Xkadenceinheritclosedclosed81-revision-v1��`�ܙ�`�� Qhttps://invoice.webstation.my/?p=600� revision� $ � p � Z � ��`����`�� � & 2Xkadenceinheritclosedclosed81-revision-v1��`����`�� Qhttps://invoice.webstation.my/?p=602� revision� $ � x � \ � ��`���`� � & 2Zkadenceinheritclosedclosed81-revision-v1��`���`� Qhttps://invoice.webstation.my/?p=604� revision� $ � � � ^ � ��`�*��`�* � & 1�kadenceinheritclosedclosed81-revision-v1��`�*��`�* Qhttps://invoice.webstation.my/?p=606� revision� $ � � � ` � ��`�g��`�g � & 1�kadenceinheritclosedclosed81-revision-v1��`�g��`�g Qhttps://invoice.webstation.my/?p=608� revision� $ � � � b � ��`� ��`� � & 1�kadenceinheritclosedclosed81-revision-v1��`� ��`� Qhttps://invoice.webstation.my/?p=610� revision� $ � ��� g � ��`����`�� � & 1�kadenceinheritclosedclosed81-revision-v1��`����`�� Qhttps://invoice.webstation.my/?p=615� revision� $ ^� � � � ��\7��\7<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1��\7��\7 Zhttps://invoice.webstation.my/?p=492� revision� $ ; � � � � ��\@ՙ�\@�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\@ՙ�\@� �https://invoice.webstation.my/?p=495� revision� $ ; � � � � ��\@ՙ�\@�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\@ՙ�\@� �https://invoice.webstation.my/?p=496� revision� $ ;� � � � ��\@ՙ�\@�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\@ՙ�\@� �https://invoice.webstation.my/?p=497� revision� $ ; � � � � ��\A7��\A7<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\A7��\A7 �https://invoice.webstation.my/?p=499� revision� $ ; � � � � ��\A7��\A7<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\A7��\A7 �https://invoice.webstation.my/?p=500� revision� $ ; � � � � ��\A7��\A7<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1��\A7��\A7 �https://invoice.webstation.my/?p=501� revision� $ � �ɍ � � ��\L���\L� � � & &6kadenceinheritclosedclosed81-revision-v1��\L���\L� Qhttps://invoice.webstation.my/?p=504� revision� p � ������ ����32 c� rC\]N �������� j�A�
� 1����/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:360mm;
height:240mm;
background:#fff;
box-sizing:border-box;
padding:12mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
transform-origin:top left;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:192mm;
min-width:192mm;
max-width:192mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:6mm;
}
.kaya-webstation-print-right{
width:144mm;
min-width:144mm;
max-width:144mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:20.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 4.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:15.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.8mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:18mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-print-contact{
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 2.1mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-email{
position:absolute;
left:12mm;
top:189mm;
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:174mm !important;
max-width:174mm !important;
height:auto !important;
max-height:174mm !important;
display:block;
} j�A�?4� j�J�E� � =� 0Z B )infimum supremum $
� l � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/zl8fhlfokjpeim4iqrrk.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-xqE52rzs">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM</div>
<div class="kaya-webstation-docno">#1104</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/zl8fhlfokjpeim4iqrrk.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-xvyw47wB">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-docno">#1104</div>
<div class="kaya-webstation-print-contact">
TEL: 05-2822919 FAX: 05-2811919
</div>
<div class="kaya-webstation-print-contact">
H/P: 016-550 8505
</div>
<div class="kaya-webstation-print-contact">
E-mail: sales@webstation.my
</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/zl8fhlfokjpeim4iqrrk.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-xvyw47wB"
data-filename="1104-0123456789-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#1104</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">0123456789</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/zl8fhlfokjpeim4iqrrk.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-16</div></div></div></div>0123456789inheritclosedclosed538-revision-v1��`�^��`�^ https://invoice.webstation.my/?p=620� revision� $
� � m � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ydcaq2gfo8t07vs2usik.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-ROOXzeEq">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">TEST</div>
<div class="kaya-webstation-docno">#9434</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ydcaq2gfo8t07vs2usik.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-96sh0oW7">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">TEST</div>
<div class="kaya-webstation-print-docno">#9434</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ydcaq2gfo8t07vs2usik.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-96sh0oW7"
data-filename="9434-CANT-PRINT-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">TEST</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#9434</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">CAN'T PRINT</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/ydcaq2gfo8t07vs2usik.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-16</div></div></div></div>CAN'T PRINTinheritclosedclosed517-revision-v1��`�^��`�^ https://invoice.webstation.my/?p=621� revision� $
� � n � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/iqokhxyjkrdsk8uttnzp.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-zi1gWOhm">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">WEBSTATION</div>
<div class="kaya-webstation-docno">#4452</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/iqokhxyjkrdsk8uttnzp.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-edj9BGAL">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">WEBSTATION</div>
<div class="kaya-webstation-print-docno">#4452</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/iqokhxyjkrdsk8uttnzp.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-edj9BGAL"
data-filename="4452-NO-DISPLAY-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">WEBSTATION</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#4452</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">NO DISPLAY</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/iqokhxyjkrdsk8uttnzp.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-16</div></div></div></div>NO DISPLAYinheritclosedclosed516-revision-v1��`�^��`�^ https://invoice.webstation.my/?p=622� revision� $
� ( � o � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/yl4uiz6xgwfg9pmb6muz.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-xBwFJCVt">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">CEKAPWANI</div>
<div class="kaya-webstation-docno">#1458</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/yl4uiz6xgwfg9pmb6muz.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-QruoKtDL">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">CEKAPWANI</div>
<div class="kaya-webstation-print-docno">#1458</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/yl4uiz6xgwfg9pmb6muz.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-QruoKtDL"
data-filename="1458-NO-DISPLAY-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">CEKAPWANI</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#1458</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">NO DISPLAY</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/yl4uiz6xgwfg9pmb6muz.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-14</div></div></div></div>NO DISPLAYinheritclosedclosed502-revision-v1��`�^��`�^ �https://invoice.webstation.my/?p=623� revision� $ -�� 0� p � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/3thgihmabardow4fbqvx.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-yASsQwys">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">#8936 - CEKAPWANI - AutoCount version Upgrade</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/3thgihmabardow4fbqvx.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-zraFMsnM">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">#8936 - CEKAPWANI - AutoCount version Upgrade</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/3thgihmabardow4fbqvx.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-zraFMsnM"
data-filename="8936-CEKAPWANI-AutoCount-version-Upgrade-8936-CEKAPWANI-AutoCount-version-Upgrade-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">CEKAPWANI</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">#8936 - CEKAPWANI - AutoCount version Upgrade</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/3thgihmabardow4fbqvx.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-14</div></div></div></div>#8936 - CEKAPWANI - AutoCount version Upgradeinheritclosedclosed494-revision-v1��`�^��`�^ �https://invoice.webstation.my/?p=624� revision� p cj�J�]r[? j���E� � ?�� 3N B )infimum supremum $ q� * q � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/cjmnjtefyskqedwxesyf.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-zIC9GkFY">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">#1234 - NO DISPLAY</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/cjmnjtefyskqedwxesyf.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-u8S97pzJ">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">#1234 - NO DISPLAY</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/cjmnjtefyskqedwxesyf.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-u8S97pzJ"
data-filename="1234-NO-DISPLAY-1234-NO-DISPLAY-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">LKHNSONS</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">#1234 - NO DISPLAY</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/cjmnjtefyskqedwxesyf.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-14</div></div></div></div>#1234 - NO DISPLAYinheritclosedclosed493-revision-v1��`�^��`�^ �https://invoice.webstation.my/?p=625� revision� $ J� � r � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ngfdcius7hw6apeayj1u.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-OFqIOXDE">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">TEST TEST</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ngfdcius7hw6apeayj1u.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-DjRPY3WV">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">TEST TEST</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ngfdcius7hw6apeayj1u.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-DjRPY3WV"
data-filename="TEST-TEST-TEST-TEST-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">TAT SENG</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TEST TEST</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/ngfdcius7hw6apeayj1u.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-14</div></div></div></div>TEST TESTinheritclosedclosed451-revision-v1��`�^��`�^ �https://invoice.webstation.my/?p=626� revision� $ 3q�
K s � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/8yjoqo0gljdd5jysfidz.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-m98Rfo4t">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">#8586 – LKHNSONS (Walk-In) – Wifi Can't Connect</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/8yjoqo0gljdd5jysfidz.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-C3FyLGnB">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">#8586 – LKHNSONS (Walk-In) – Wifi Can't Connect</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/8yjoqo0gljdd5jysfidz.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-C3FyLGnB"
data-filename="8586-–-LKHNSONS-Walk-In-–-Wifi-Cant-Connect-8586-–-LKHNSONS-Walk-In-–-Wifi-Cant-Connect-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM 4</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">#8586 – LKHNSONS (Walk-In) – Wifi Can't Connect</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/8yjoqo0gljdd5jysfidz.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>#8586 – LKHNSONS (Walk-In) – Wifi Can't Connectinheritclosedclosed423-revision-v1��`�^��`�^ �https://invoice.webstation.my/?p=627� revision� $ /}� (
S t � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/umwtjp82btgnrkv5ca2p.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-trZrQP7v">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">#8586 - LKHNSONS (Walk-In) - Wifi Can't Connect</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/umwtjp82btgnrkv5ca2p.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-Pj0v6mG7">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">#8586 - LKHNSONS (Walk-In) - Wifi Can't Connect</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/umwtjp82btgnrkv5ca2p.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-Pj0v6mG7"
data-filename="8586-LKHNSONS-Walk-In-Wifi-Cant-Connect-8586-LKHNSONS-Walk-In-Wifi-Cant-Connect-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">LKHNSONS</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">#8586 - LKHNSONS (Walk-In) - Wifi Can't Connect</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/umwtjp82btgnrkv5ca2p.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>#8586 - LKHNSONS (Walk-In) - Wifi Can't Connectinheritclosedclosed412-revision-v1��`�^��`�^ �https://invoice.webstation.my/?p=628� revision� $ �� 0�" u � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/9ysufiiyi3qlrtrcrukt.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-A80b9MWB">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM 5</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/9ysufiiyi3qlrtrcrukt.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-cG8bHCjd">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">HAKIM 5</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/9ysufiiyi3qlrtrcrukt.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-cG8bHCjd"
data-filename="HAKIM-5-TAPO-5-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM 5</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO 5</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/9ysufiiyi3qlrtrcrukt.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPO 5inheritclosedclosed326-revision-v1��`�^��`�^ Fhttps://invoice.webstation.my/?p=629� revision� p cj���r��? j� �E� � ?�� 6� B )infimum supremum $ :� � v � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/qjsxwnzof4osj18aqavg.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-Jia5PISC">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM 4</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/qjsxwnzof4osj18aqavg.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-aAhKYn1C">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-webstation-print-customer">HAKIM 4</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/qjsxwnzof4osj18aqavg.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-aAhKYn1C"
data-filename="HAKIM-4-TAPO-4-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM 4</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO 4</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/qjsxwnzof4osj18aqavg.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPO 4inheritclosedclosed323-revision-v1��`�^��`�^ Chttps://invoice.webstation.my/?p=630� revision� $ \�
w � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/bzgqims2p6xzujrapas3.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-cuypD7ry">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM 3</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/bzgqims2p6xzujrapas3.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print kaya-webstation-print--landscape" id="kaya-qr-print-6no5SpFc">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-webstation-print-customer">HAKIM 3</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/bzgqims2p6xzujrapas3.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-6no5SpFc"
data-filename="HAKIM-3-TAPO-3-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM 3</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO 3</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/bzgqims2p6xzujrapas3.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPO 3inheritclosedclosed320-revision-v1��`�^��`�^ @https://invoice.webstation.my/?p=631� revision� $ b� x � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ra6j8yybwptueop9ngxp.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-1t9OnJrb">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM 2</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ra6j8yybwptueop9ngxp.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print kaya-webstation-print--landscape" id="kaya-qr-print-A3MYgimv">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">HAKIM 2</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ra6j8yybwptueop9ngxp.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-A3MYgimv"
data-filename="HAKIM-2-TAPO-2-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM 2</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO 2</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/ra6j8yybwptueop9ngxp.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPO 2inheritclosedclosed317-revision-v1��`�^��`�^ =https://invoice.webstation.my/?p=632� revision� $ f� ( y � ��`�^��`�^<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/xxu2qmmlwrowzqvs7nnz.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-SCDtoxoJ">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">HAKIM</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/xxu2qmmlwrowzqvs7nnz.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print kaya-webstation-print--landscape" id="kaya-qr-print-GkLBSjnN">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-print-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-print-customer">HAKIM</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/xxu2qmmlwrowzqvs7nnz.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-GkLBSjnN"
data-filename="HAKIM-TAPO-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">HAKIM</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TAPO</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/xxu2qmmlwrowzqvs7nnz.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TAPOinheritclosedclosed314-revision-v1��`�^��`�^ :https://invoice.webstation.my/?p=633� revision� $ m� 0�� z � ��`�b��`�b<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/peoyi0699tdr6lkdgjwd.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-box-nO3WBYSL">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919</div>
<div class="kaya-webstation-contact">H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">LEONG</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/peoyi0699tdr6lkdgjwd.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-box-nO3WBYSL"
data-filename="LEONG-TP-LINK-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">LEONG</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TP-LINK</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/peoyi0699tdr6lkdgjwd.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-13</div></div></div></div>TP-LINKinheritclosedclosed311-revision-v1��`�b��`�b 7https://invoice.webstation.my/?p=634� revision� p cj� �jii� � u�E� � <�
�k B �infimum supremum $ �� � $ \� �� $ 8t� �� $
$ ( � * 0 $ 8
� � ��d ��d Invoice Editinheritclosedclosed639-revision-v1��d ��d https://invoice.webstation.my/?p=640� revision� * 7� @�M � ��d v��d vInvoice Update <p>Update your invoice PDF and keep the page details up to date</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Replace the current PDF when needed
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Keep files organized in the same category
</li>
</ul>
[pdf_frontend_edit]Invoice Editpublishclosedclosedinvoice-edit���kM���kM https://invoice.webstation.my/?page_id=639� page� $ �� HX � � ��d @��d @<h2>Invoice Edit</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload]Invoice Editinheritclosedclosed639-revision-v1��d @��d @ https://invoice.webstation.my/?p=641� revision� $ �� PX � � ��d @��d @<h2>Invoice Edit</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload]Invoice Editinheritclosedclosed639-revision-v1��d @��d @ https://invoice.webstation.my/?p=642� revision� $ �� XV � � ��d A��d A<h2>Invoice Edit</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_edit]Invoice Editinheritclosedclosed639-revision-v1��d A��d A https://invoice.webstation.my/?p=643� revision� = �� `�� � � ��d k��d k<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-kRVPdvCP">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">test18032026</div>
<div class="kaya-webstation-docno">#1105</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-bXAL0bgO">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test18032026</div>
<div class="kaya-webstation-print-docno">#1105</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-bXAL0bgO"
data-filename="1105-TESTTITLE-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">test18032026</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#1105</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TESTTITLE</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-18</div></div></div></div>TESTTITLEpublishopenopentesttitle��d!���d!� https://invoice.webstation.my/index.php/2026/03/18/testtitle/� post� p c� u�h �w n� �E� � ;�� .� B )infimum supremum $ �� ^ � � ��d!r��d!r<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-I4nIBFUw">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">test18032026</div>
<div class="kaya-webstation-docno">#1105</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-m7lPaFiD">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test18032026</div>
<div class="kaya-webstation-print-docno">#1105</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-m7lPaFiD"
data-filename="1105-testtitle-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">test18032026</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#1105</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">testtitle</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-18</div></div></div></div>testtitleinheritclosedclosed644-revision-v1��d!r��d!r �https://invoice.webstation.my/?p=645� revision� $ �� ^ � � ��d!���d!�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-veuem6SX">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">test18032026</div>
<div class="kaya-webstation-docno">#1105</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-TNvy8LWD">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test18032026</div>
<div class="kaya-webstation-print-docno">#1105</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-TNvy8LWD"
data-filename="1105-TESTTITLE-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">test18032026</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#1105</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TESTTITLE</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-18</div></div></div></div>TESTTITLEinheritclosedclosed644-revision-v1��d!���d!� �https://invoice.webstation.my/?p=646� revision� $ �� ^ � � ��d!���d!�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-kRVPdvCP">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">test18032026</div>
<div class="kaya-webstation-docno">#1105</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-bXAL0bgO">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test18032026</div>
<div class="kaya-webstation-print-docno">#1105</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-bXAL0bgO"
data-filename="1105-TESTTITLE-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">test18032026</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#1105</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">TESTTITLE</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/wdxizvai0yygkyuedapg.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-18</div></div></div></div>TESTTITLEinheritclosedclosed644-revision-v1��d!���d!� �https://invoice.webstation.my/?p=647� revision� 7 a� (�� � � ��d%#��d%#<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/dg7hcfpd9qz0maubugid.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-AFjLlB8N">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">TEST2</div>
<div class="kaya-webstation-docno">#1105</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dg7hcfpd9qz0maubugid.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-or3keUV7">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">TEST2</div>
<div class="kaya-webstation-print-docno">#1105</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dg7hcfpd9qz0maubugid.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-or3keUV7"
data-filename="1105-ABC-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">TEST2</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#1105</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">ABC</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/dg7hcfpd9qz0maubugid.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-18</div></div></div></div>ABCpublishopenopenabc��d%#��d%# https://invoice.webstation.my/index.php/2026/03/18/abc/� post� p cn� �ߗ�1 ! ��HEE� � <ǀ ,� B )infimum supremum Y % '2� C � � ��d}��d}<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/umma2v8tfw9qb9tq7sfp.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-WxKUNTDt">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">CHAW YOUNG TRADING</div>
<div class="kaya-webstation-docno">202512/0117-INV</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/umma2v8tfw9qb9tq7sfp.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-34zYw6MY">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">CHAW YOUNG TRADING</div>
<div class="kaya-webstation-print-docno">202512/0117-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/umma2v8tfw9qb9tq7sfp.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-34zYw6MY"
data-filename="2025120117-INV-UPGRADE-AUTOCOUNT-NEW-PC-CY-AUTOCOUNT-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">CHAW YOUNG TRADING</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">202512/0117-INV</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">UPGRADE AUTOCOUNT | NEW PC CY-AUTOCOUNT</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/umma2v8tfw9qb9tq7sfp.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-18</div></div></div></div>UPGRADE AUTOCOUNT | NEW PC CY-AUTOCOUNTpublishopenopenupgrade-autocount-new-pc-cy-autocount��t�2��t�2 https://invoice.webstation.my/index.php/2026/03/18/upgrade-autocount-new-pc-cy-autocount/� post� P � � � ��t����t��<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/miftfau0qzxytio06l7y.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-PJykTIy9">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">M.E.T. MOTION (IPOH) SDN BHD</div>
<div class="kaya-webstation-docno">202603/0088-INV</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/miftfau0qzxytio06l7y.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-kDg9S3aw">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">M.E.T. MOTION (IPOH) SDN BHD</div>
<div class="kaya-webstation-print-docno">202603/0088-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/miftfau0qzxytio06l7y.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-kDg9S3aw"
data-filename="2026030088-INV-SERVICE-PRINTER-EPSON-LQ-310-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">M.E.T. MOTION (IPOH) SDN BHD</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">202603/0088-INV</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">SERVICE PRINTER EPSON LQ-310</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/miftfau0qzxytio06l7y.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-26</div></div></div></div>SERVICE PRINTER EPSON LQ-310publishopenopenservice-printer-epson-lq-310��t����t�� https://invoice.webstation.my/index.php/2026/03/26/service-printer-epson-lq-310/� post� O � � � ��t����t��<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/ebghzgpgys2qp3juvrh3.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-v9YnqibZ">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">LOOI KIM HOO & SONS SDN BHD</div>
<div class="kaya-webstation-docno">202603/0093-INV</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/ebghzgpgys2qp3juvrh3.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-0VaKmB1s">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">LOOI KIM HOO & SONS SDN BHD</div>
<div class="kaya-webstation-print-docno">202603/0093-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/ebghzgpgys2qp3juvrh3.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-0VaKmB1s"
data-filename="2026030093-INV-SERVICE-NOTEBOOK-ASUS-X505Z-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">LOOI KIM HOO & SONS SDN BHD</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">202603/0093-INV</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">SERVICE NOTEBOOK ASUS X505Z</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/ebghzgpgys2qp3juvrh3.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-26</div></div></div></div>SERVICE NOTEBOOK ASUS X505Zpublishopenopenservice-notebook-asus-x505z��t����t�� https://invoice.webstation.my/index.php/2026/03/26/service-notebook-asus-x505z/� post� $ '2� (ӕ � � ��t�2��t�2<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/umma2v8tfw9qb9tq7sfp.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-WxKUNTDt">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">CHAW YOUNG TRADING</div>
<div class="kaya-webstation-docno">202512/0117-INV</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/umma2v8tfw9qb9tq7sfp.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-34zYw6MY">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">CHAW YOUNG TRADING</div>
<div class="kaya-webstation-print-docno">202512/0117-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/umma2v8tfw9qb9tq7sfp.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-34zYw6MY"
data-filename="2025120117-INV-UPGRADE-AUTOCOUNT-NEW-PC-CY-AUTOCOUNT-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">CHAW YOUNG TRADING</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">202512/0117-INV</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">UPGRADE AUTOCOUNT | NEW PC CY-AUTOCOUNT</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/umma2v8tfw9qb9tq7sfp.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-18</div></div></div></div>UPGRADE AUTOCOUNT | NEW PC CY-AUTOCOUNTinheritclosedclosed649-revision-v1��t�2��t�2 �https://invoice.webstation.my/?p=652� revision� p c��HE��,� ! " �I�{E� � ;7� -
B )infimum supremum K ��
� � � ��t�X��t�X<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/6fwpc95stjdfppn30kpf.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-Fd3lDqI1">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">M.E.T MOTION</div>
<div class="kaya-webstation-docno">#9439</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/6fwpc95stjdfppn30kpf.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-EPQcua3Q">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">M.E.T MOTION</div>
<div class="kaya-webstation-print-docno">#9439</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/6fwpc95stjdfppn30kpf.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-EPQcua3Q"
data-filename="9439-JAM-PAPER-WHEN-PRINTING-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">M.E.T MOTION</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#9439</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">JAM PAPER WHEN PRINTING</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/6fwpc95stjdfppn30kpf.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-26</div></div></div></div>JAM PAPER WHEN PRINTINGpublishopenopenjam-paper-when-printing��t�X��t�X https://invoice.webstation.my/index.php/2026/03/26/jam-paper-when-printing/� post� >
�� � � � ��t����t��<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ofmngew3ffya7aoyvasg.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-ghqE20zS">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">EXQUISITE</div>
<div class="kaya-webstation-docno">#9434</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ofmngew3ffya7aoyvasg.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-72dDqg6p">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">EXQUISITE</div>
<div class="kaya-webstation-print-docno">#9434</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ofmngew3ffya7aoyvasg.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-72dDqg6p"
data-filename="9434-PRINTER-CANT-PRINT-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">EXQUISITE</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#9434</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">PRINTER CAN'T PRINT</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/ofmngew3ffya7aoyvasg.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-26</div></div></div></div>PRINTER CAN'T PRINTpublishopenopencant-print��t�{��t�{ https://invoice.webstation.my/index.php/2026/03/26/cant-print/� post� $ �� w � � ��t�{��t�{<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ofmngew3ffya7aoyvasg.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-ghqE20zS">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">EXQUISITE</div>
<div class="kaya-webstation-docno">#9434</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ofmngew3ffya7aoyvasg.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-72dDqg6p">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">EXQUISITE</div>
<div class="kaya-webstation-print-docno">#9434</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ofmngew3ffya7aoyvasg.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-72dDqg6p"
data-filename="9434-PRINTER-CANT-PRINT-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">EXQUISITE</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#9434</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">PRINTER CAN'T PRINT</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/ofmngew3ffya7aoyvasg.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-26</div></div></div></div>PRINTER CAN'T PRINTinheritclosedclosed654-revision-v1��t�{��t�{ �https://invoice.webstation.my/?p=655� revision� o ; B� (�f � � ��t�ܙ�t��<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/lpa6cnzzllptzq5abc8h.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-Qr2VDNtz">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">DONG FATT</div>
<div class="kaya-webstation-docno">#9466</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lpa6cnzzllptzq5abc8h.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-0pDiedq7">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">DONG FATT</div>
<div class="kaya-webstation-print-docno">#9466</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lpa6cnzzllptzq5abc8h.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-0pDiedq7"
data-filename="9466-DONG-FATT-FROZEN-CENTRAL-KITCHEN-SDN-BHD-WALK-IN-CANT-PRINT-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">DONG FATT</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#9466</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">DONG FATT FROZEN (CENTRAL KITCHEN) SDN BHD (WALK IN) - CAN'T PRINT</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/lpa6cnzzllptzq5abc8h.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-26</div></div></div></div>DONG FATT FROZEN (CENTRAL KITCHEN) SDN BHD (WALK IN) - CAN'T PRINTpublishopenopendong-fatt-frozen-central-kitchen-sdn-bhd-walk-in-cant-print��t�ܙ�t�� https://invoice.webstation.my/index.php/2026/03/26/dong-fatt-frozen-central-kitchen-sdn-bhd-walk-in-cant-print/� post� p c�I�{6�N� " ! * ���E� � 0 �)}� B )infimum supremum n : A� < � � ��x5_��x5_<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/29ajhc4qkrpzs0ivk3fm.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-bYLXNO7P">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">DONG FATT</div>
<div class="kaya-webstation-docno">#9466</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/29ajhc4qkrpzs0ivk3fm.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-Ie6Wjsq6">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">DONG FATT</div>
<div class="kaya-webstation-print-docno">#9466</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/29ajhc4qkrpzs0ivk3fm.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-Ie6Wjsq6"
data-filename="9466-DONG-FATT-FROZEN-CENTRAL-KITCHEN-SDN-BHD-WALK-IN-CANT-PRIN-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">DONG FATT</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#9466</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">DONG FATT FROZEN (CENTRAL KITCHEN) SDN BHD (WALK IN) - CAN'T PRIN</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/29ajhc4qkrpzs0ivk3fm.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-03-28</div></div></div></div>DONG FATT FROZEN (CENTRAL KITCHEN) SDN BHD (WALK IN) - CAN'T PRINpublishopenopendong-fatt-frozen-central-kitchen-sdn-bhd-walk-in-cant-prin��x5_��x5_ https://invoice.webstation.my/index.php/2026/03/28/dong-fatt-frozen-central-kitchen-sdn-bhd-walk-in-cant-prin/� post� >
�� � � � ���W���W<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/zmyp4jmzi3inrau0zftw.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-11qXSQl9">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">PENGURUSAN PASIR PERAK SDN BHD</div>
<div class="kaya-webstation-docno">#9453</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/zmyp4jmzi3inrau0zftw.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-kf9CWVuE">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">PENGURUSAN PASIR PERAK SDN BHD</div>
<div class="kaya-webstation-print-docno">#9453</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/zmyp4jmzi3inrau0zftw.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-kf9CWVuE"
data-filename="9453-UPGRADE-PC-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">PENGURUSAN PASIR PERAK SDN BHD</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#9453</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">UPGRADE PC</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/zmyp4jmzi3inrau0zftw.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-04-03</div></div></div></div>UPGRADE PCpublishopenopenupgrade-pc���W���W https://invoice.webstation.my/index.php/2026/04/03/upgrade-pc/� post� ? |� $ $ �� (E $ $
�� 0�~ p c���[�ʤ # " $ ��=E� � 9�� ` B �infimum supremum B � �� � � ���(*���(* <div class="kaya-doc-page">
<div class="kaya-doc-top kaya-doc-top--actions-only">
<div class="kaya-doc-toolbar">
<a
class="kaya-doc-btn kaya-doc-btn--primary"
href="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf"
target="_blank"
rel="noopener noreferrer"
>
Open PDF
</a>
<a
class="kaya-doc-btn kaya-doc-btn--ghost"
href="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf"
download
>
Download PDF
</a>
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--ghost kaya-doc-copy-link"
data-url="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf"
>
Copy Link
</button>
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-5wt21QOw"
data-filename="642026-title2642026-qr.png"
>
Download QR
</button>
</div>
</div>
<div class="kaya-doc-grid">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf"] </div>
</section>
<aside class="kaya-doc-sidebar">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Summary</div>
<div class="kaya-doc-summary">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test3642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">##642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title2642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-wcqlwZdP">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">test3642026</div>
<div class="kaya-doc-qr-docno">##642026</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<p class="kaya-doc-qr-note">Scan to open the same public document link.</p>
</section>
</aside>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-5wt21QOw">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test3642026</div>
<div class="kaya-webstation-print-docno">##642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
title2642026trashopenopentitle2642026-2__trashed���:1���:1 https://invoice.webstation.my/index.php/2026/04/06/title2642026-2/� post� @ �� �, � � ���%ԙ��%� <div class="kaya-doc-page">
<div class="kaya-doc-top">
<div class="kaya-doc-heading">
<div class="kaya-doc-badge">CRM</div>
<h2 class="kaya-doc-title">title2642026</h2>
<div class="kaya-doc-meta">
<span>642026</span>
<span>test2642026</span>
<span>Created 2026-04-06</span>
</div>
</div>
<div class="kaya-doc-toolbar">
<a
class="kaya-doc-btn kaya-doc-btn--primary"
href="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf"
target="_blank"
rel="noopener noreferrer"
>
Open PDF
</a>
<a
class="kaya-doc-btn kaya-doc-btn--ghost"
href="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf"
download
>
Download PDF
</a>
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--ghost kaya-doc-copy-link"
data-url="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf"
>
Copy Link
</button>
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-6Cs10bpW"
data-filename="642026-title2642026-qr.png"
>
Download QR
</button>
</div>
</div>
<div class="kaya-doc-grid">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf"] </div>
</section>
<aside class="kaya-doc-sidebar">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Summary</div>
<div class="kaya-doc-summary">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test2642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title2642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-cKByhZZH">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">test2642026</div>
<div class="kaya-doc-qr-docno">642026</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<p class="kaya-doc-qr-note">Scan to open the same public document link.</p>
</section>
</aside>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-6Cs10bpW">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test2642026</div>
<div class="kaya-webstation-print-docno">642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
title2642026trashopenopentitle2642026__trashed���:1���:1 https://invoice.webstation.my/index.php/2026/04/06/title2642026/� post� p c��=��ȕ $ # % ��<�E� � ,;� � B �infimum supremum B �� �� � � ���-Ǚ��-� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test4642026-642026-1.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-webstation-print kaya-webstation-print--preview" id="kaya-qr-view-kon4CmNp">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test4642026</div>
<div class="kaya-webstation-print-docno">#642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test4642026-642026-1.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-view-kon4CmNp"
data-filename="642026-title4642026-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test4642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title4642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test4642026-642026-1.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test4642026-642026-1.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
</div>
title4642026trashopenopentitle4642026-2__trashed���:1���:1 https://invoice.webstation.my/index.php/2026/04/06/title4642026-2/� post� @ �� � � � ���+_���+_ <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test4642026-642026.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-kXxTxk9p">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">test4642026</div>
<div class="kaya-doc-qr-docno">#642026</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test4642026-642026.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<p class="kaya-doc-qr-note">Scan to open the same public document link.</p>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-cDDBDGdw"
data-filename="642026-title4642026-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test4642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title4642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test4642026-642026.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test4642026-642026.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-cDDBDGdw">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test4642026</div>
<div class="kaya-webstation-print-docno">#642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test4642026-642026.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
title4642026trashopenopentitle4642026__trashed���:1���:1 https://invoice.webstation.my/index.php/2026/04/06/title4642026/� post� p c��<�\ÿ� % $ & ��;�E� � 0�� � B 2infimum supremum @ >� �� � � ���2[���2[ <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test6642026-642026.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-5QknFFox">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">test6642026</div>
<div class="kaya-doc-qr-docno">#642026</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test6642026-642026.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-b8kQ2XPZ"
data-filename="642026-title6642026-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test6642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title6642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test6642026-642026.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test6642026-642026.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-b8kQ2XPZ">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test6642026</div>
<div class="kaya-webstation-print-docno">#642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test6642026-642026.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
title6642026trashopenopentitle6642026__trashed���:1���:1 https://invoice.webstation.my/index.php/2026/04/06/title6642026/� post� A <� � � � ���0o���0o <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test5642026-642026.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-nC4XeKFi">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">test5642026</div>
<div class="kaya-doc-qr-docno">#642026</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test5642026-642026.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-Srvc9jv2"
data-filename="642026-title642026-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test5642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test5642026-642026.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test5642026-642026.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-Srvc9jv2">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test5642026</div>
<div class="kaya-webstation-print-docno">#642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test5642026-642026.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
title642026trashopenopentitle642026-2__trashed���:1���:1 https://invoice.webstation.my/index.php/2026/04/06/title642026-2/� post� p c��;�� � & % ' ��:�E� � 0r� � B )infimum supremum @ >� � � ���4&���4& <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test7642026-642026.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-EoYL0u9o">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">test7642026</div>
<div class="kaya-doc-qr-docno">#642026</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test7642026-642026.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-prLJIRsY"
data-filename="642026-title7642026-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test7642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title7642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test7642026-642026.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test7642026-642026.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-prLJIRsY">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test7642026</div>
<div class="kaya-webstation-print-docno">#642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test7642026-642026.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
title7642026trashopenopentitle7642026__trashed���:1���:1 https://invoice.webstation.my/index.php/2026/04/06/title7642026/� post� $ >� �� � � ���:1���:1 <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test7642026-642026.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-EoYL0u9o">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">test7642026</div>
<div class="kaya-doc-qr-docno">#642026</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test7642026-642026.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-prLJIRsY"
data-filename="642026-title7642026-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test7642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title7642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test7642026-642026.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test7642026-642026.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-prLJIRsY">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test7642026</div>
<div class="kaya-webstation-print-docno">#642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test7642026-642026.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
title7642026inheritclosedclosed668-revision-v1���:1���:1 �https://invoice.webstation.my/?p=669� revision� p c��:�õ# ' & ( ��;�E� � 0W� } B )infimum supremum $ >� � � � ���:1���:1 <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test6642026-642026.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-5QknFFox">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">test6642026</div>
<div class="kaya-doc-qr-docno">#642026</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test6642026-642026.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-b8kQ2XPZ"
data-filename="642026-title6642026-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test6642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title6642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test6642026-642026.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test6642026-642026.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-b8kQ2XPZ">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test6642026</div>
<div class="kaya-webstation-print-docno">#642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test6642026-642026.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
title6642026inheritclosedclosed667-revision-v1���:1���:1 �https://invoice.webstation.my/?p=670� revision� $ <� �� � � ���:1���:1 <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test5642026-642026.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-nC4XeKFi">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">test5642026</div>
<div class="kaya-doc-qr-docno">#642026</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test5642026-642026.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-Srvc9jv2"
data-filename="642026-title642026-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test5642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test5642026-642026.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test5642026-642026.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-Srvc9jv2">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test5642026</div>
<div class="kaya-webstation-print-docno">#642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test5642026-642026.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
title642026inheritclosedclosed666-revision-v1���:1���:1 �https://invoice.webstation.my/?p=671� revision� p c��;�+�I� ( ' ) ��<�E� � ,� � B )infimum supremum $ �� T � � ���:1���:1 <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test4642026-642026-1.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-webstation-print kaya-webstation-print--preview" id="kaya-qr-view-kon4CmNp">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test4642026</div>
<div class="kaya-webstation-print-docno">#642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test4642026-642026-1.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-view-kon4CmNp"
data-filename="642026-title4642026-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test4642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title4642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test4642026-642026-1.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test4642026-642026-1.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
</div>
title4642026inheritclosedclosed665-revision-v1���:1���:1 �https://invoice.webstation.my/?p=672� revision� $ �� � � � ���:1���:1 <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test4642026-642026.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-kXxTxk9p">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">test4642026</div>
<div class="kaya-doc-qr-docno">#642026</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test4642026-642026.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<p class="kaya-doc-qr-note">Scan to open the same public document link.</p>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-cDDBDGdw"
data-filename="642026-title4642026-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test4642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title4642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test4642026-642026.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test4642026-642026.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-cDDBDGdw">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test4642026</div>
<div class="kaya-webstation-print-docno">#642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test4642026-642026.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
title4642026inheritclosedclosed664-revision-v1���:1���:1 �https://invoice.webstation.my/?p=673� revision� p c��<�Y�� ) ( * ��=E� � 9y� D B )infimum supremum $ � � � � ���:1���:1 <div class="kaya-doc-page">
<div class="kaya-doc-top kaya-doc-top--actions-only">
<div class="kaya-doc-toolbar">
<a
class="kaya-doc-btn kaya-doc-btn--primary"
href="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf"
target="_blank"
rel="noopener noreferrer"
>
Open PDF
</a>
<a
class="kaya-doc-btn kaya-doc-btn--ghost"
href="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf"
download
>
Download PDF
</a>
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--ghost kaya-doc-copy-link"
data-url="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf"
>
Copy Link
</button>
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-5wt21QOw"
data-filename="642026-title2642026-qr.png"
>
Download QR
</button>
</div>
</div>
<div class="kaya-doc-grid">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf"] </div>
</section>
<aside class="kaya-doc-sidebar">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Summary</div>
<div class="kaya-doc-summary">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test3642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">##642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title2642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-wcqlwZdP">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">test3642026</div>
<div class="kaya-doc-qr-docno">##642026</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<p class="kaya-doc-qr-note">Scan to open the same public document link.</p>
</section>
</aside>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-5wt21QOw">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test3642026</div>
<div class="kaya-webstation-print-docno">##642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test3642026-642026.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
title2642026inheritclosedclosed663-revision-v1���:1���:1 �https://invoice.webstation.my/?p=674� revision� $ �� �, � � ���:1���:1 <div class="kaya-doc-page">
<div class="kaya-doc-top">
<div class="kaya-doc-heading">
<div class="kaya-doc-badge">CRM</div>
<h2 class="kaya-doc-title">title2642026</h2>
<div class="kaya-doc-meta">
<span>642026</span>
<span>test2642026</span>
<span>Created 2026-04-06</span>
</div>
</div>
<div class="kaya-doc-toolbar">
<a
class="kaya-doc-btn kaya-doc-btn--primary"
href="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf"
target="_blank"
rel="noopener noreferrer"
>
Open PDF
</a>
<a
class="kaya-doc-btn kaya-doc-btn--ghost"
href="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf"
download
>
Download PDF
</a>
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--ghost kaya-doc-copy-link"
data-url="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf"
>
Copy Link
</button>
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-6Cs10bpW"
data-filename="642026-title2642026-qr.png"
>
Download QR
</button>
</div>
</div>
<div class="kaya-doc-grid">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf"] </div>
</section>
<aside class="kaya-doc-sidebar">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Summary</div>
<div class="kaya-doc-summary">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">test2642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">title2642026</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-cKByhZZH">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">test2642026</div>
<div class="kaya-doc-qr-docno">642026</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<p class="kaya-doc-qr-note">Scan to open the same public document link.</p>
</section>
</aside>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-6Cs10bpW">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">test2642026</div>
<div class="kaya-webstation-print-docno">642026</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/test2642026-642026.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
title2642026inheritclosedclosed662-revision-v1���:1���:1 �https://invoice.webstation.my/?p=675� revision� p c��=�k� * " + ��wE� � 5P� �
� B
Vinfimum supremum $ |� $ ; � � � ���;%���;%<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1���;%���;% �https://invoice.webstation.my/?p=677� revision� $ ; � � � ���;%���;%<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1���;%���;% �https://invoice.webstation.my/?p=678� revision� $ ; (� � � ���;%���;%<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1���;%���;% �https://invoice.webstation.my/?p=679� revision� $
0 $ ; 8 � � � ���>����>�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1���>����>� �https://invoice.webstation.my/?p=681� revision� $ ; @ � � � ���>����>�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1���>����>� �https://invoice.webstation.my/?p=682� revision� $ ; H � � � ���>����>�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1���>����>� �https://invoice.webstation.my/?p=683� revision� $ ; P � � � ���>����>�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1���>����>� �https://invoice.webstation.my/?p=684� revision� $ ; X � � � ���>����>�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1���>����>� �https://invoice.webstation.my/?p=685� revision� $ ; ` � � � ���>����>�<h1>INVOICE & CRM LIST</h1> [xyz-ips snippet="TABLE2"]INVOICE & CRM LISTinheritclosedclosed424-revision-v1���>����>� �https://invoice.webstation.my/?p=686� revision� ; �� hE � � ���DP���DP<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/webstation-1234.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-pY9ADwvY">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">WEBSTATION</div>
<div class="kaya-webstation-docno">#1234</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/webstation-1234.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-Jn8RSzWx">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">WEBSTATION</div>
<div class="kaya-webstation-print-docno">#1234</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/webstation-1234.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-Jn8RSzWx"
data-filename="1234-testing-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">WEBSTATION</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#1234</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">testing</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/webstation-1234.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-04-06</div></div></div></div>testingdraftopenopentesting���E����E� https://invoice.webstation.my/index.php/2026/04/06/testing/� post� $ �� p�J � � ���D����D�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/webstation-1234.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-pY9ADwvY">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">WEBSTATION</div>
<div class="kaya-webstation-docno">#1234</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/webstation-1234.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-Jn8RSzWx">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">WEBSTATION</div>
<div class="kaya-webstation-print-docno">#1234</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/webstation-1234.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-Jn8RSzWx"
data-filename="1234-testing-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">WEBSTATION</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#1234</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">testing</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/webstation-1234.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-04-06</div></div></div></div>testinginheritclosedclosed687-revision-v1���D����D� �https://invoice.webstation.my/?p=688� revision� p c��w���+ + * , ���E� � 0� � B )infimum supremum @ `� $ � � ���Dؙ��D� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1234.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-1RPglwNT">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">WEBSTATION</div>
<div class="kaya-doc-qr-docno">#INV-1234</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1234.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-jC3wpXbp"
data-filename="INV-1234-TEST-INVOICE-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">WEBSTATION</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#INV-1234</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">TEST INVOICE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1234.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1234.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-jC3wpXbp">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">WEBSTATION</div>
<div class="kaya-webstation-print-docno">#INV-1234</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1234.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
TEST INVOICEdraftopenopentest-invoice���E����E� https://invoice.webstation.my/index.php/2026/04/06/test-invoice/� post� B �� � � � ���E
���E
<div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1245-552.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-oMNrr3DV">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">WEBSTATION</div>
<div class="kaya-doc-qr-docno">#INV-1245/552</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1245-552.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-OXxtfItX"
data-filename="INV-1245552-TEST-INVOICE-2-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">WEBSTATION</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#INV-1245/552</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">TEST INVOICE 2</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1245-552.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1245-552.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-OXxtfItX">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">WEBSTATION</div>
<div class="kaya-webstation-print-docno">#INV-1245/552</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1245-552.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
TEST INVOICE 2draftopenopentest-invoice-2���E����E� https://invoice.webstation.my/index.php/2026/04/06/test-invoice-2/� post� p c���_eؕ , + - ��ME� � 0ǀ � B )infimum supremum $ �� < � � ���E����E� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1245-552.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-oMNrr3DV">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">WEBSTATION</div>
<div class="kaya-doc-qr-docno">#INV-1245/552</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1245-552.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-OXxtfItX"
data-filename="INV-1245552-TEST-INVOICE-2-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">WEBSTATION</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#INV-1245/552</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">TEST INVOICE 2</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1245-552.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1245-552.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-OXxtfItX">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">WEBSTATION</div>
<div class="kaya-webstation-print-docno">#INV-1245/552</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1245-552.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
TEST INVOICE 2inheritclosedclosed690-revision-v1���E����E� �https://invoice.webstation.my/?p=691� revision� $ `� � � � ���E����E� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1234.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-1RPglwNT">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">WEBSTATION</div>
<div class="kaya-doc-qr-docno">#INV-1234</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1234.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-jC3wpXbp"
data-filename="INV-1234-TEST-INVOICE-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">WEBSTATION</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#INV-1234</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">TEST INVOICE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1234.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1234.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-jC3wpXbp">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">WEBSTATION</div>
<div class="kaya-webstation-print-docno">#INV-1234</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/webstation-inv-1234.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
TEST INVOICEinheritclosedclosed689-revision-v1���E����E� �https://invoice.webstation.my/?p=692� revision� p c��MWݑf - , 3 y�E� � ;D�[ B )infimum supremum ; � � � � ���Eᙹ�E� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/webstation-1144.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-OZpau6tL">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">WEBSTATION</div>
<div class="kaya-doc-qr-docno">#1144</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/webstation-1144.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-a3y2A4Et"
data-filename="1144-TESTCRM-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">WEBSTATION</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#1144</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">TESTCRM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/webstation-1144.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/webstation-1144.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-a3y2A4Et">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">WEBSTATION</div>
<div class="kaya-webstation-print-docno">#1144</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/webstation-1144.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
TESTCRMpublishopenopentestcrm���Eᙹ�E� https://invoice.webstation.my/index.php/2026/04/06/testcrm/� post� X $ � � $ � � � � ���a����a� � 1 & S�kadenceinheritclosedclosed81-revision-v1���a����a� Qhttps://invoice.webstation.my/?p=695� revision� $ ^� ( $ ^� 0 � � ���c ���c <h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���c ���c Zhttps://invoice.webstation.my/?p=697� revision� $ ^� 8�' � � ���c ���c <h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���c ���c Zhttps://invoice.webstation.my/?p=698� revision� p cy�}رI .�������� ��5
� ?� /{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:360mm;\n height:240mm;\n background:#fff;\n box-sizing:border-box;\n padding:12mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n position:relative;\n\n transform-origin:top left;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:192mm;\n min-width:192mm;\n max-width:192mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:6mm;\n}\n\n.kaya-webstation-print-right{\n width:144mm;\n min-width:144mm;\n max-width:144mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:20.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 4.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:15.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.8mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:18mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-print-contact{\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 2.1mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-email{\n position:absolute;\n left:12mm;\n top:189mm;\n\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:174mm !important;\n max-width:174mm !important;\n height:auto !important;\n max-height:174mm !important;\n display:block;\n}\n\n.wst-upload-hero{\n position:relative;\n overflow:hidden;\n background:#eef3f8;\n}\n\n.wst-upload-inner{\n width:100%;\n max-width:78rem;\n margin:0 auto;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:3rem;\n padding:4.5rem 1.5rem;\n}\n\n.wst-upload-text{\n flex:0 0 41%;\n max-width:34rem;\n padding:0;\n background:transparent;\n border:0;\n border-radius:0;\n box-shadow:none;\n}\n\n.wst-upload-text .elementor-heading-title{\n color:#0d2346;\n text-shadow:none;\n font-weight:800;\n}\n\n.wst-upload-text .elementor-widget-text-editor,\n.wst-upload-text .elementor-widget-text-editor p{\n color:#5e738d;\n text-shadow:none;\n line-height:1.8;\n}\n\n.wst-upload-text .elementor-icon-list-text{\n color:#36506f;\n}\n\n.wst-upload-text .elementor-icon-list-icon i,\n.wst-upload-text .elementor-icon-list-icon svg{\n color:#1985f4;\n fill:#1985f4;\n}\n\n.wst-upload-form{\n flex:0 0 59%;\n max-width:39rem;\n width:100%;\n margin-left:auto;\n background:transparent !important;\n border:none !important;\n box-shadow:none !important;\n padding:0 !important;\n}\n\n.wst-upload-form > .e-con-inner,\n.wst-upload-form > .elementor-widget-wrap{\n gap:1rem;\n}\n\n.wst-upload-form .elementor-widget-heading{\n margin-bottom:0;\n}\n\n.wst-upload-form .elementor-heading-title{\n color:#0d2346;\n font-size:1.9rem;\n line-height:1.2;\n}\n\n/* light theme for the uploader card inside this section */\n.wst-upload-form .kaya-up{\n --pri:#1985f4;\n --pri-hover:#0f74db;\n --txt:#0f2347;\n --mut:#5f7188;\n --bd:#d6dee8;\n --bg:#ffffff;\n --panel:#f8fafc;\n --panel-soft:#f3f5f7;\n}\n\n.wst-upload-form .kaya-up-shell{\n max-width:100%;\n}\n\n.wst-upload-form .kaya-up-card{\n background:var(--bg);\n border:1px solid #48576d;\n border-radius:1.35rem;\n box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);\n padding:1.5rem;\n color:var(--txt);\n}\n\n.wst-upload-form .kaya-up-field label{\n color:#50647c;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"],\n.wst-upload-form .kaya-up-field input[type=\"date\"],\n.wst-upload-form .kaya-up-field select{\n width:100%;\n min-height:3.1rem;\n border:1px solid var(--bd);\n border-radius:0.95rem;\n padding:0.9rem 1rem;\n font-size:0.95rem;\n outline:none;\n background:var(--panel-soft);\n color:var(--txt);\n transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"]::placeholder,\n.wst-upload-form .kaya-up-field input[type=\"date\"]::placeholder{\n color:#8a98aa;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"]:focus,\n.wst-upload-form .kaya-up-field input[type=\"date\"]:focus,\n.wst-upload-form .kaya-up-field select:focus{\n border-color:rgba(25,133,��5��� /�������� ��5
� ����244,0.55);\n box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);\n background:#ffffff;\n}\n\n.wst-upload-form .kaya-up-drop{\n position:relative;\n border:2px dashed rgba(25,133,244,0.35);\n border-radius:1.1rem;\n padding:1.75rem 1.25rem;\n background:#f8fbff;\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;\n}\n\n.wst-upload-form .kaya-up-drop.is-drag{\n border-color:rgba(25,133,244,0.75);\n box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);\n background:#f1f7ff;\n}\n\n.wst-upload-form .kaya-up-illu{\n width:5.375rem;\n height:5.375rem;\n margin:0 auto 0.75rem;\n border-radius:1rem;\n background:rgba(25,133,244,0.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.wst-upload-form .kaya-up-illu svg{\n width:2.75rem;\n height:2.75rem;\n stroke:var(--pri);\n}\n\n.wst-upload-form .kaya-up-title{\n font-size:1.125rem;\n font-weight:800;\n color:var(--txt);\n margin:0.4rem 0 0.5rem;\n}\n\n.wst-upload-form .kaya-up-or{\n display:flex;\n align-items:center;\n gap:0.625rem;\n justify-content:center;\n margin:0.625rem 0 0.875rem;\n color:var(--mut);\n font-size:0.82rem;\n}\n\n.wst-upload-form .kaya-up-or:before,\n.wst-upload-form .kaya-up-or:after{\n content:\"\";\n height:1px;\n width:5.625rem;\n background:rgba(15,35,71,0.12);\n}\n\n.wst-upload-form .kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:3.25rem;\n padding:0 1.625rem;\n border-radius:0.95rem;\n font-weight:800;\n font-size:0.96rem;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none !important;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;\n box-shadow:none !important;\n outline:none;\n}\n\n.wst-upload-form .kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.wst-upload-form .kaya-up-btn--primary{\n background:var(--pri);\n color:#ffffff !important;\n min-width:20rem;\n box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;\n}\n\n.wst-upload-form .kaya-up-btn--primary:hover,\n.wst-upload-form .kaya-up-btn--primary:focus,\n.wst-upload-form .kaya-up-btn--primary:active{\n background:var(--pri-hover);\n color:#ffffff !important;\n}\n\n.wst-upload-form .kaya-up-btn--ghost{\n background:#ffffff;\n color:var(--txt) !important;\n border-color:#d6dee8;\n}\n\n.wst-upload-form .kaya-up-btn--ghost:hover,\n.wst-upload-form .kaya-up-btn--ghost:focus,\n.wst-upload-form .kaya-up-btn--ghost:active{\n background:#f7faff;\n color:var(--txt) !important;\n border-color:rgba(25,133,244,0.35);\n}\n\n.wst-upload-form .kaya-up-note{\n font-size:0.75rem;\n color:var(--mut);\n margin-top:0.625rem;\n}\n\n.wst-upload-form .kaya-up-filehint{\n font-size:0.82rem;\n color:var(--txt);\n margin-top:0.625rem;\n font-weight:700;\n word-break:break-word;\n}\n\n.wst-upload-form .kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.wst-upload-form .kaya-up-alert{\n border-radius:0.9rem;\n padding:0.85rem 1rem;\n border:1px solid #e5d19a;\n background:#f8f1dd;\n color:#7a5c18;\n margin:0 0 0.85rem;\n}\n\n.wst-upload-form .kaya-up-alert--ok{\n border-color:rgba(34,197,94,0.22);\n background:rgba(34,197,94,0.08);\n color:#166534;\n}\n\n.wst-upload-form .kaya-up-alert--err{\n border-color:rgba(239,68,68,0.22);\n background:rgba(239,68,68,0.08);\n color:#991b1b;\n}\n\n.wst-upload-form .kaya-up-alert--warn{\n border-color:#e5d19a;\n background:#f8f1dd;\n color:#7a5c18;\n}\n\n.wst-upload-form .kaya-up-small{\n font-size:0.75rem;\n color:#7d8da1;\n margin-top:0.4rem;\n word-break:break-all;\n}\n\n.wst-upload-form .kaya-up-debug{\n margin-top:0.625rem;\n padding:0.75rem;\n border-radius:0.75rem;\n border:1px dashed #d6dee8;\n background:#f8fafc;\n font-size:0.75rem;\n color:var(--txt);\n}\n\n.wst-upload-form .kaya-up-debug pre{\n margin:0.5rem 0 0;\n white-space:pre-wrap;\n}\n\n/* light category dropdown */\n.wst-upload-form .kaya-up-field select{\n min-height:3.2rem;\n padding:0.9rem 3rem 0.9rem 1rem;\n border:1px solid #d6dee8;\n border-radius:0.95rem;\n background-color:#f3f5f7;\n color:#0f2347;\n font-size:0.95rem;\n font-weight:600;\n line-height:1.2;\n outline:none;\n cursor:pointer;\n appearance:none;\n -webkit-appearance:none;\n -moz-appearance:none;\n box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);\n transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n background-repeat:no-repeat;\n background-position:right 1rem center;\n background-size:1rem;\n}\n\n.wst-upload-form .kaya-up-field select:hover{\n background-color:#ffffff;\n border-color:rgba(25,133,244,0.35);\n}\n\n.wst-upload-form .kaya-up-field select:focus{\n background-color:#ffffff;\n border-color:#1985f4;\n box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);\n}\n\n.wst-upload-form .kaya-up-field select:required:invalid{\n color:#8a98aa;\n font-weight:500;\n}\n\n.wst-upload-form .kaya-up-field select option{\n background:#ffffff;\n color:#0f2347;\n font-weight:500;\n}\n\n.wst-upload-form .kaya-up-field select option[value=\"\"],\n.wst-upload-form .kaya-up-field select option[disabled]{\n color:#8a98aa;\n}\n\n.wst-upload-form .kaya-up-field select optgroup{\n background:#f8fafc;\n color:#1985f4;\n font-style:normal;\n font-weight:700;\n}\n\n.wst-upload-form .kaya-up-field select::-ms-expand{\n display:none;\n}\n\n@media (max-width: 64em){\n .wst-upload-inner{\n flex-direction:column;\n align-items:stretch;\n gap:2rem;\n padding:3rem 1rem;\n }\n\n .wst-upload-text,\n .wst-upload-form{\n flex:0 0 100%;\n max-width:none;\n width:100%;\n }\n}\n\n@media (max-width: 48em){\n .wst-upload-inner{\n gap:1.25rem;\n padding:2rem 1rem;\n }\n\n .wst-upload-form .elementor-heading-title{\n font-size:1.5rem;\n }\n\n .wst-upload-form .kaya-up-btn--primary{\n min-width:100%;\n }\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-04-06 06:06:38"
}
} ��5�S$O 0�������� ��U�
� ?� D/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:360mm;
height:240mm;
background:#fff;
box-sizing:border-box;
padding:12mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
transform-origin:top left;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:192mm;
min-width:192mm;
max-width:192mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:6mm;
}
.kaya-webstation-print-right{
width:144mm;
min-width:144mm;
max-width:144mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:20.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 4.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:15.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.8mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:18mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-print-contact{
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 2.1mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-email{
position:absolute;
left:12mm;
top:189mm;
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:174mm !important;
max-width:174mm !important;
height:auto !important;
max-height:174mm !important;
display:block;
}
.wst-upload-hero{
position:relative;
overflow:hidden;
background:#eef3f8;
}
.wst-upload-inner{
width:100%;
max-width:none;
margin:0;
display:flex;
align-items:center;
justify-content:space-between;
gap:3rem;
padding:0;
}
.wst-upload-text{
flex:0 0 41%;
max-width:34rem;
padding:0;
border:1px solid rgba(255,255,255,0.45);
border-left:0.25rem solid #1985f4;
border-radius:1rem;
background:rgba(255,255,255,0.38);
backdrop-filter:blur(0.8rem);
-webkit-backdrop-filter:blur(0.8rem);
box-shadow:0 1rem 2.5rem rgba(15,35,71,0.08);
}
.wst-upload-text .elementor-heading-title{
color:#0d2346;
text-shadow:none;
font-weight:800;
}
.wst-upload-text .elementor-widget-text-editor,
.wst-upload-text .elementor-widget-text-editor p{
color:#5e738d;
text-shadow:none;
line-height:1.8;
}
.wst-upload-text .elementor-icon-list-text{
color:#36506f;
}
.wst-upload-text .elementor-icon-list-icon i,
.wst-upload-text .elementor-icon-list-icon svg{
color:#1985f4;
fill:#1985f4;
}
.wst-upload-form{
flex:0 0 59%;
max-width:39rem;
width:100%;
margin-left:auto;
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
}
.wst-upload-form > .e-con-inner,
.wst-upload-form > .elementor-widget-wrap{
gap:1rem;
}
.wst-upload-form .elementor-widget-heading{
margin-bottom:0;
}
.wst-upload-form .elementor-heading-title{
color:#0d2346;
font-size:1.9rem;
line-height:1.2;
}
/* light theme for the uploader card inside this section */
.wst-upload-form .kaya-up{
--pri:#1985f4;
--pri-hover:#0f74db;
--txt:#0f2347;
--mut:#5f7188;
--bd:#d6dee8;
--bg:#ffffff;
--panel:#f8fafc;
--panel-soft:#f3f5f7;
}
.wst-upload-form .kaya-up-shell{
max-width:100%;
}
.wst-upload-form .kaya-up-card{
background:var(--bg);
border:1px solid #48576d;
border-radius:1.35rem;
box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);
padding:1.5rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-field label{
color:#50647c;
}
.wst-upload-form .kaya-up-field input[type="text"],
.wst-upload-form .kaya-up-field input[type="date"],
.wst-upload-form .kaya-up-field select{
width:100%;
min-height:3.1rem;
border:1px solid var(--bd);
border-radius:0.95rem;
padding:0.9rem 1rem;
font-size:0.95rem;
outline:none;
background:var(--panel-soft);
color:var(--txt);
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.wst-upload-form .kaya-up-field input[type="text"]::placeholder,
.wst-upload-form .kaya-up-field input[type="date"]::placeholder{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field input[type="text"]:focus,
.wst-upload-form .kaya-up-field input[type="date"]:focus,
.wst-upload-form .kaya-up-field select:focus{
border-color:rgba(25,133,244,0.55);
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
background:#ffffff;
}
.wst-upload-form .kaya-up-drop{
position:relative;
border:2px dashed rgba(25,133,244,0.35);
border-radius:1.1rem;
padding:1.75rem 1.25rem;
background:#f8fbff;
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;
}
.wst-upload-form .kaya-up-drop.is-drag{
border-color:rgba(25,133,244,0.75);
box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);
background:#f1f7ff;
}
.wst-upload-form .kaya-up-illu{
width:5.375rem;
height:5.375rem;
margin:0 auto 0.75rem;
border-radius:1rem;
background:rgba(25,133,244,0.10);
display:flex;
align-items:center;
justify-content:center;
}
.wst-up��U� x�3 1�������� ���
� ?� 2/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:360mm;
height:240mm;
background:#fff;
box-sizing:border-box;
padding:12mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
transform-origin:top left;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:192mm;
min-width:192mm;
max-width:192mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:6mm;
}
.kaya-webstation-print-right{
width:144mm;
min-width:144mm;
max-width:144mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:20.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 4.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:15.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.8mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:18mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-print-contact{
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 2.1mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-email{
position:absolute;
left:12mm;
top:189mm;
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:174mm !important;
max-width:174mm !important;
height:auto !important;
max-height:174mm !important;
display:block;
}
.wst-upload-hero{
position:relative;
overflow:hidden;
background:#eef3f8;
}
.wst-upload-inner{
width:100%;
max-width:78rem;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:3rem;
padding:4.5rem 1.5rem;
}
.wst-upload-text{
flex:0 0 41%;
max-width:34rem;
padding:0;
background:transparent;
border:0;
border-radius:0;
box-shadow:none;
}
.wst-upload-text .elementor-heading-title{
color:#0d2346;
text-shadow:none;
font-weight:800;
}
.wst-upload-text .elementor-widget-text-editor,
.wst-upload-text .elementor-widget-text-editor p{
color:#5e738d;
text-shadow:none;
line-height:1.8;
}
.wst-upload-text .elementor-icon-list-text{
color:#36506f;
}
.wst-upload-text .elementor-icon-list-icon i,
.wst-upload-text .elementor-icon-list-icon svg{
color:#1985f4;
fill:#1985f4;
}
.wst-upload-form{
flex:0 0 59%;
max-width:39rem;
width:100%;
margin-left:auto;
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
}
.wst-upload-form > .e-con-inner,
.wst-upload-form > .elementor-widget-wrap{
gap:1rem;
}
.wst-upload-form .elementor-widget-heading{
margin-bottom:0;
}
.wst-upload-form .elementor-heading-title{
color:#0d2346;
font-size:1.9rem;
line-height:1.2;
}
/* light theme for the uploader card inside this section */
.wst-upload-form .kaya-up{
--pri:#1985f4;
--pri-hover:#0f74db;
--txt:#0f2347;
--mut:#5f7188;
--bd:#d6dee8;
--bg:#ffffff;
--panel:#f8fafc;
--panel-soft:#f3f5f7;
}
.wst-upload-form .kaya-up-shell{
max-width:100%;
}
.wst-upload-form .kaya-up-card{
background:var(--bg);
border:1px solid #48576d;
border-radius:1.35rem;
box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);
padding:1.5rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-field label{
color:#50647c;
}
.wst-upload-form .kaya-up-field input[type="text"],
.wst-upload-form .kaya-up-field input[type="date"],
.wst-upload-form .kaya-up-field select{
width:100%;
min-height:3.1rem;
border:1px solid var(--bd);
border-radius:0.95rem;
padding:0.9rem 1rem;
font-size:0.95rem;
outline:none;
background:var(--panel-soft);
color:var(--txt);
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.wst-upload-form .kaya-up-field input[type="text"]::placeholder,
.wst-upload-form .kaya-up-field input[type="date"]::placeholder{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field input[type="text"]:focus,
.wst-upload-form .kaya-up-field input[type="date"]:focus,
.wst-upload-form .kaya-up-field select:focus{
border-color:rgba(25,133,244,0.55);
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
background:#ffffff;
}
.wst-upload-form .kaya-up-drop{
position:relative;
border:2px dashed rgba(25,133,244,0.35);
border-radius:1.1rem;
padding:1.75rem 1.25rem;
background:#f8fbff;
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;
}
.wst-upload-form .kaya-up-drop.is-drag{
border-color:rgba(25,133,244,0.75);
box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);
background:#f1f7ff;
}
.wst-upload-form .kaya-up-illu{
width:5.375rem;
height:5.375rem;
margin:0 auto 0.75rem;
border-radius:1rem;
background:rgba(25,133,244,0.10);
display:flex;
align-items:center;
justify-content:center;
}
.wst-upload-form .kaya-up-illu svg{
width:2.75rem;
height:2.75rem;
stroke:var(--pri);
}
.wst-upload-form .kaya-up-title{
font-size:1.125rem;
font-weight:800;
c��� !J�� 2�������� ���
� ����olor:var(--txt);
margin:0.4rem 0 0.5rem;
}
.wst-upload-form .kaya-up-or{
display:flex;
align-items:center;
gap:0.625rem;
justify-content:center;
margin:0.625rem 0 0.875rem;
color:var(--mut);
font-size:0.82rem;
}
.wst-upload-form .kaya-up-or:before,
.wst-upload-form .kaya-up-or:after{
content:"";
height:1px;
width:5.625rem;
background:rgba(15,35,71,0.12);
}
.wst-upload-form .kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:3.25rem;
padding:0 1.625rem;
border-radius:0.95rem;
font-weight:800;
font-size:0.96rem;
border:1px solid transparent;
cursor:pointer;
text-decoration:none !important;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
box-shadow:none !important;
outline:none;
}
.wst-upload-form .kaya-up-btn:active{
transform:translateY(1px);
}
.wst-upload-form .kaya-up-btn--primary{
background:var(--pri);
color:#ffffff !important;
min-width:20rem;
box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;
}
.wst-upload-form .kaya-up-btn--primary:hover,
.wst-upload-form .kaya-up-btn--primary:focus,
.wst-upload-form .kaya-up-btn--primary:active{
background:var(--pri-hover);
color:#ffffff !important;
}
.wst-upload-form .kaya-up-btn--ghost{
background:#ffffff;
color:var(--txt) !important;
border-color:#d6dee8;
}
.wst-upload-form .kaya-up-btn--ghost:hover,
.wst-upload-form .kaya-up-btn--ghost:focus,
.wst-upload-form .kaya-up-btn--ghost:active{
background:#f7faff;
color:var(--txt) !important;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-note{
font-size:0.75rem;
color:var(--mut);
margin-top:0.625rem;
}
.wst-upload-form .kaya-up-filehint{
font-size:0.82rem;
color:var(--txt);
margin-top:0.625rem;
font-weight:700;
word-break:break-word;
}
.wst-upload-form .kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.wst-upload-form .kaya-up-alert{
border-radius:0.9rem;
padding:0.85rem 1rem;
border:1px solid #e5d19a;
background:#f8f1dd;
color:#7a5c18;
margin:0 0 0.85rem;
}
.wst-upload-form .kaya-up-alert--ok{
border-color:rgba(34,197,94,0.22);
background:rgba(34,197,94,0.08);
color:#166534;
}
.wst-upload-form .kaya-up-alert--err{
border-color:rgba(239,68,68,0.22);
background:rgba(239,68,68,0.08);
color:#991b1b;
}
.wst-upload-form .kaya-up-alert--warn{
border-color:#e5d19a;
background:#f8f1dd;
color:#7a5c18;
}
.wst-upload-form .kaya-up-small{
font-size:0.75rem;
color:#7d8da1;
margin-top:0.4rem;
word-break:break-all;
}
.wst-upload-form .kaya-up-debug{
margin-top:0.625rem;
padding:0.75rem;
border-radius:0.75rem;
border:1px dashed #d6dee8;
background:#f8fafc;
font-size:0.75rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-debug pre{
margin:0.5rem 0 0;
white-space:pre-wrap;
}
/* light category dropdown */
.wst-upload-form .kaya-up-field select{
min-height:3.2rem;
padding:0.9rem 3rem 0.9rem 1rem;
border:1px solid #d6dee8;
border-radius:0.95rem;
background-color:#f3f5f7;
color:#0f2347;
font-size:0.95rem;
font-weight:600;
line-height:1.2;
outline:none;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 1rem center;
background-size:1rem;
}
.wst-upload-form .kaya-up-field select:hover{
background-color:#ffffff;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-field select:focus{
background-color:#ffffff;
border-color:#1985f4;
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
}
.wst-upload-form .kaya-up-field select:required:invalid{
color:#8a98aa;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option{
background:#ffffff;
color:#0f2347;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option[value=""],
.wst-upload-form .kaya-up-field select option[disabled]{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field select optgroup{
background:#f8fafc;
color:#1985f4;
font-style:normal;
font-weight:700;
}
.wst-upload-form .kaya-up-field select::-ms-expand{
display:none;
}
@media (max-width: 64em){
.wst-upload-inner{
flex-direction:column;
align-items:stretch;
gap:2rem;
padding:3rem 1rem;
}
.wst-upload-text,
.wst-upload-form{
flex:0 0 100%;
max-width:none;
width:100%;
}
}
@media (max-width: 48em){
.wst-upload-inner{
gap:1.25rem;
padding:2rem 1rem;
}
.wst-upload-form .elementor-heading-title{
font-size:1.5rem;
}
.wst-upload-form .kaya-up-btn--primary{
min-width:100%;
}
} ��� ~Kx� 3 - z&]E� � >Z�<� B )infimum supremum $ F�
� � � ���c ���c <h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���c ���c Zhttps://invoice.webstation.my/?p=699� revision� $ F�
� � � ���cI���cI<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���cI���cI Zhttps://invoice.webstation.my/?p=700� revision� $ F�
� � � ���cI���cI<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���cI���cI Zhttps://invoice.webstation.my/?p=701� revision� $ F� ( � � ���cI���cI<h2>Invoice Upload</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���cI���cI Zhttps://invoice.webstation.my/?p=702� revision� X $ � 0� $ � 8 � � � ���c����c� � 7 & S�kadenceinheritclosedclosed81-revision-v1���c����c� Qhttps://invoice.webstation.my/?p=704� revision� $ $ � @�0 $ F�$ H $ � P� � � ���e����e� � = & S�kadenceinheritclosedclosed81-revision-v1���e����e� Qhttps://invoice.webstation.my/?p=707� revision� X $ � X�j $ � `� � � ���f����f� � @ & Shkadenceinheritclosedclosed81-revision-v1���f����f� Qhttps://invoice.webstation.my/?p=709� revision� X $ � h�0 $ � p�� � � ���g����g� � 0 & T kadenceinheritclosedclosed81-revision-v1���g����g� Qhttps://invoice.webstation.my/?p=711� revision� p!q cz&]� 4�������� ��:
� ?� 5{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:360mm;\n height:240mm;\n background:#fff;\n box-sizing:border-box;\n padding:12mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n position:relative;\n\n transform-origin:top left;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:192mm;\n min-width:192mm;\n max-width:192mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:6mm;\n}\n\n.kaya-webstation-print-right{\n width:144mm;\n min-width:144mm;\n max-width:144mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:20.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 4.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:15.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.8mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:18mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-print-contact{\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 2.1mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-email{\n position:absolute;\n left:12mm;\n top:189mm;\n\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:174mm !important;\n max-width:174mm !important;\n height:auto !important;\n max-height:174mm !important;\n display:block;\n}\n\n.wst-upload-hero{\n \n overflow:hidden;\n background:#eef3f8;\n}\n\n.wst-upload-inner{\n width:100%;\n max-width:78rem;\n margin:0 auto;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:3rem;\n padding:4.5rem 1.5rem;\n}\n\n.wst-upload-text{\n flex:0 0 41%;\n max-width:34rem;\n padding:0;\n background:transparent;\n border:0;\n border-radius:0;\n box-shadow:none;\n}\n\n.wst-upload-text .elementor-heading-title{\n color:#0d2346;\n text-shadow:none;\n font-weight:800;\n}\n\n.wst-upload-text .elementor-widget-text-editor,\n.wst-upload-text .elementor-widget-text-editor p{\n color:#5e738d;\n text-shadow:none;\n line-height:1.8;\n}\n\n.wst-upload-text .elementor-icon-list-text{\n color:#36506f;\n}\n\n.wst-upload-text .elementor-icon-list-icon i,\n.wst-upload-text .elementor-icon-list-icon svg{\n color:#1985f4;\n fill:#1985f4;\n}\n\n.wst-upload-form{\n flex:0 0 59%;\n max-width:39rem;\n width:100%;\n margin-left:auto;\n background:transparent !important;\n border:none !important;\n box-shadow:none !important;\n padding:0 !important;\n}\n\n.wst-upload-form > .e-con-inner,\n.wst-upload-form > .elementor-widget-wrap{\n gap:1rem;\n}\n\n.wst-upload-form .elementor-widget-heading{\n margin-bottom:0;\n}\n\n.wst-upload-form .elementor-heading-title{\n color:#0d2346;\n font-size:1.9rem;\n line-height:1.2;\n}\n\n/* light theme for the uploader card inside this section */\n.wst-upload-form .kaya-up{\n --pri:#1985f4;\n --pri-hover:#0f74db;\n --txt:#0f2347;\n --mut:#5f7188;\n --bd:#d6dee8;\n --bg:#ffffff;\n --panel:#f8fafc;\n --panel-soft:#f3f5f7;\n}\n\n.wst-upload-form .kaya-up-shell{\n max-width:100%;\n}\n\n.wst-upload-form .kaya-up-card{\n background:var(--bg);\n border:1px solid #48576d;\n border-radius:1.35rem;\n box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);\n padding:1.5rem;\n color:var(--txt);\n}\n\n.wst-upload-form .kaya-up-field label{\n color:#50647c;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"],\n.wst-upload-form .kaya-up-field input[type=\"date\"],\n.wst-upload-form .kaya-up-field select{\n width:100%;\n min-height:3.1rem;\n border:1px solid var(--bd);\n border-radius:0.95rem;\n padding:0.9rem 1rem;\n font-size:0.95rem;\n outline:none;\n background:var(--panel-soft);\n color:var(--txt);\n transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"]::placeholder,\n.wst-upload-form .kaya-up-field input[type=\"date\"]::placeholder{\n color:#8a98aa;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"]:focus,\n.wst-upload-form .kaya-up-field input[type=\"date\"]:focus,\n.wst-upload-form .kaya-up-field select:focus{\n border-color:rgba(25,133,244,0.55);\n box-��:�뱪 5�������� ��:
� ���shadow:0 0 0 0.24rem rgba(25,133,244,0.12);\n background:#ffffff;\n}\n\n.wst-upload-form .kaya-up-drop{\n position:relative;\n border:2px dashed rgba(25,133,244,0.35);\n border-radius:1.1rem;\n padding:1.75rem 1.25rem;\n background:#f8fbff;\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;\n}\n\n.wst-upload-form .kaya-up-drop.is-drag{\n border-color:rgba(25,133,244,0.75);\n box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);\n background:#f1f7ff;\n}\n\n.wst-upload-form .kaya-up-illu{\n width:5.375rem;\n height:5.375rem;\n margin:0 auto 0.75rem;\n border-radius:1rem;\n background:rgba(25,133,244,0.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.wst-upload-form .kaya-up-illu svg{\n width:2.75rem;\n height:2.75rem;\n stroke:var(--pri);\n}\n\n.wst-upload-form .kaya-up-title{\n font-size:1.125rem;\n font-weight:800;\n color:var(--txt);\n margin:0.4rem 0 0.5rem;\n}\n\n.wst-upload-form .kaya-up-or{\n display:flex;\n align-items:center;\n gap:0.625rem;\n justify-content:center;\n margin:0.625rem 0 0.875rem;\n color:var(--mut);\n font-size:0.82rem;\n}\n\n.wst-upload-form .kaya-up-or:before,\n.wst-upload-form .kaya-up-or:after{\n content:\"\";\n height:1px;\n width:5.625rem;\n background:rgba(15,35,71,0.12);\n}\n\n.wst-upload-form .kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:3.25rem;\n padding:0 1.625rem;\n border-radius:0.95rem;\n font-weight:800;\n font-size:0.96rem;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none !important;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;\n box-shadow:none !important;\n outline:none;\n}\n\n.wst-upload-form .kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.wst-upload-form .kaya-up-btn--primary{\n background:var(--pri);\n color:#ffffff !important;\n min-width:20rem;\n box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;\n}\n\n.wst-upload-form .kaya-up-btn--primary:hover,\n.wst-upload-form .kaya-up-btn--primary:focus,\n.wst-upload-form .kaya-up-btn--primary:active{\n background:var(--pri-hover);\n color:#ffffff !important;\n}\n\n.wst-upload-form .kaya-up-btn--ghost{\n background:#ffffff;\n color:var(--txt) !important;\n border-color:#d6dee8;\n}\n\n.wst-upload-form .kaya-up-btn--ghost:hover,\n.wst-upload-form .kaya-up-btn--ghost:focus,\n.wst-upload-form .kaya-up-btn--ghost:active{\n background:#f7faff;\n color:var(--txt) !important;\n border-color:rgba(25,133,244,0.35);\n}\n\n.wst-upload-form .kaya-up-note{\n font-size:0.75rem;\n color:var(--mut);\n margin-top:0.625rem;\n}\n\n.wst-upload-form .kaya-up-filehint{\n font-size:0.82rem;\n color:var(--txt);\n margin-top:0.625rem;\n font-weight:700;\n word-break:break-word;\n}\n\n.wst-upload-form .kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.wst-upload-form .kaya-up-alert{\n border-radius:0.9rem;\n padding:0.85rem 1rem;\n border:1px solid #e5d19a;\n background:#f8f1dd;\n color:#7a5c18;\n margin:0 0 0.85rem;\n}\n\n.wst-upload-form .kaya-up-alert--ok{\n border-color:rgba(34,197,94,0.22);\n background:rgba(34,197,94,0.08);\n color:#166534;\n}\n\n.wst-upload-form .kaya-up-alert--err{\n border-color:rgba(239,68,68,0.22);\n background:rgba(239,68,68,0.08);\n color:#991b1b;\n}\n\n.wst-upload-form .kaya-up-alert--warn{\n border-color:#e5d19a;\n background:#f8f1dd;\n color:#7a5c18;\n}\n\n.wst-upload-form .kaya-up-small{\n font-size:0.75rem;\n color:#7d8da1;\n margin-top:0.4rem;\n word-break:break-all;\n}\n\n.wst-upload-form .kaya-up-debug{\n margin-top:0.625rem;\n padding:0.75rem;\n border-radius:0.75rem;\n border:1px dashed #d6dee8;\n background:#f8fafc;\n font-size:0.75rem;\n color:var(--txt);\n}\n\n.wst-upload-form .kaya-up-debug pre{\n margin:0.5rem 0 0;\n white-space:pre-wrap;\n}\n\n/* light category dropdown */\n.wst-upload-form .kaya-up-field select{\n min-height:3.2rem;\n padding:0.9rem 3rem 0.9rem 1rem;\n border:1px solid #d6dee8;\n border-radius:0.95rem;\n background-color:#f3f5f7;\n color:#0f2347;\n font-size:0.95rem;\n font-weight:600;\n line-height:1.2;\n outline:none;\n cursor:pointer;\n appearance:none;\n -webkit-appearance:none;\n -moz-appearance:none;\n box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);\n transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n background-repeat:no-repeat;\n background-position:right 1rem center;\n background-size:1rem;\n}\n\n.wst-upload-form .kaya-up-field select:hover{\n background-color:#ffffff;\n border-color:rgba(25,133,244,0.35);\n}\n\n.wst-upload-form .kaya-up-field select:focus{\n background-color:#ffffff;\n border-color:#1985f4;\n box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);\n}\n\n.wst-upload-form .kaya-up-field select:required:invalid{\n color:#8a98aa;\n font-weight:500;\n}\n\n.wst-upload-form .kaya-up-field select option{\n background:#ffffff;\n color:#0f2347;\n font-weight:500;\n}\n\n.wst-upload-form .kaya-up-field select option[value=\"\"],\n.wst-upload-form .kaya-up-field select option[disabled]{\n color:#8a98aa;\n}\n\n.wst-upload-form .kaya-up-field select optgroup{\n background:#f8fafc;\n color:#1985f4;\n font-style:normal;\n font-weight:700;\n}\n\n.wst-upload-form .kaya-up-field select::-ms-expand{\n display:none;\n}\n\n@media (max-width: 64em){\n .wst-upload-inner{\n flex-direction:column;\n align-items:stretch;\n gap:2rem;\n padding:3rem 1rem;\n }\n\n .wst-upload-text,\n .wst-upload-form{\n flex:0 0 100%;\n max-width:none;\n width:100%;\n }\n}\n\n@media (max-width: 48em){\n .wst-upload-inner{\n gap:1.25rem;\n padding:2rem 1rem;\n }\n\n .wst-upload-form .elementor-heading-title{\n font-size:1.5rem;\n }\n\n .wst-upload-form .kaya-up-btn--primary{\n min-width:100%;\n }\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-04-06 06:14:36"
}
} ��:u:� 6�������� ��m
� ?� 9{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:360mm;\n height:240mm;\n background:#fff;\n box-sizing:border-box;\n padding:12mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n position:relative;\n\n transform-origin:top left;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:192mm;\n min-width:192mm;\n max-width:192mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:6mm;\n}\n\n.kaya-webstation-print-right{\n width:144mm;\n min-width:144mm;\n max-width:144mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:20.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 4.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:15.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.8mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:18mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-print-contact{\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 2.1mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-email{\n position:absolute;\n left:12mm;\n top:189mm;\n\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:174mm !important;\n max-width:174mm !important;\n height:auto !important;\n max-height:174mm !important;\n display:block;\n}\n\n.wst-upload-hero{\n position:relative;\n overflow:hidden;\n background:#eef3f8;\n}\n\n.wst-upload-inner{\n width:100%;\n max-width:none;\n margin:0;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:3rem;\n padding:0;\n}\n\n.wst-upload-text{\n flex:0 0 41%;\n max-width:34rem;\n padding:0;\n background:transparent;\n border:0;\n border-radius:0;\n box-shadow:none;\n}\n\n.wst-upload-text .elementor-heading-title{\n color:#0d2346;\n text-shadow:none;\n font-weight:800;\n}\n\n.wst-upload-text .elementor-widget-text-editor,\n.wst-upload-text .elementor-widget-text-editor p{\n color:#5e738d;\n text-shadow:none;\n line-height:1.8;\n}\n\n.wst-upload-text .elementor-icon-list-text{\n color:#36506f;\n}\n\n.wst-upload-text .elementor-icon-list-icon i,\n.wst-upload-text .elementor-icon-list-icon svg{\n color:#1985f4;\n fill:#1985f4;\n}\n\n.wst-upload-form{\n flex:0 0 59%;\n max-width:39rem;\n width:100%;\n margin-left:auto;\n background:transparent !important;\n border:none !important;\n box-shadow:none !important;\n padding:0 !important;\n}\n\n.wst-upload-form > .e-con-inner,\n.wst-upload-form > .elementor-widget-wrap{\n gap:1rem;\n}\n\n.wst-upload-form .elementor-widget-heading{\n margin-bottom:0;\n}\n\n.wst-upload-form .elementor-heading-title{\n color:#0d2346;\n font-size:1.9rem;\n line-height:1.2;\n}\n\n/* light theme for the uploader card inside this section */\n.wst-upload-form .kaya-up{\n --pri:#1985f4;\n --pri-hover:#0f74db;\n --txt:#0f2347;\n --mut:#5f7188;\n --bd:#d6dee8;\n --bg:#ffffff;\n --panel:#f8fafc;\n --panel-soft:#f3f5f7;\n}\n\n.wst-upload-form .kaya-up-shell{\n max-width:100%;\n}\n\n.wst-upload-form .kaya-up-card{\n background:var(--bg);\n border:1px solid #48576d;\n border-radius:1.35rem;\n box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);\n padding:1.5rem;\n color:var(--txt);\n}\n\n.wst-upload-form .kaya-up-field label{\n color:#50647c;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"],\n.wst-upload-form .kaya-up-field input[type=\"date\"],\n.wst-upload-form .kaya-up-field select{\n width:100%;\n min-height:3.1rem;\n border:1px solid var(--bd);\n border-radius:0.95rem;\n padding:0.9rem 1rem;\n font-size:0.95rem;\n outline:none;\n background:var(--panel-soft);\n color:var(--txt);\n transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"]::placeholder,\n.wst-upload-form .kaya-up-field input[type=\"date\"]::placeholder{\n color:#8a98aa;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"]:focus,\n.wst-upload-form .kaya-up-field input[type=\"date\"]:focus,\n.wst-upload-form .kaya-up-field select:focus{\n border-color:rgba(25,133,244,0.55);\n box-��m=J=: 7�������� �Ʋ,
� ?� 8/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:360mm;
height:240mm;
background:#fff;
box-sizing:border-box;
padding:12mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
transform-origin:top left;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:192mm;
min-width:192mm;
max-width:192mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:6mm;
}
.kaya-webstation-print-right{
width:144mm;
min-width:144mm;
max-width:144mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:20.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 4.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:15.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.8mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:18mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-print-contact{
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 2.1mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-email{
position:absolute;
left:12mm;
top:189mm;
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:174mm !important;
max-width:174mm !important;
height:auto !important;
max-height:174mm !important;
display:block;
}
.wst-upload-hero{
overflow:hidden;
background:#eef3f8;
}
.wst-upload-inner{
width:100%;
max-width:78rem;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:3rem;
padding:4.5rem 1.5rem;
}
.wst-upload-text{
flex:0 0 41%;
max-width:34rem;
padding:0;
background:transparent;
border:0;
border-radius:0;
box-shadow:none;
}
.wst-upload-text .elementor-heading-title{
color:#0d2346;
text-shadow:none;
font-weight:800;
}
.wst-upload-text .elementor-widget-text-editor,
.wst-upload-text .elementor-widget-text-editor p{
color:#5e738d;
text-shadow:none;
line-height:1.8;
}
.wst-upload-text .elementor-icon-list-text{
color:#36506f;
}
.wst-upload-text .elementor-icon-list-icon i,
.wst-upload-text .elementor-icon-list-icon svg{
color:#1985f4;
fill:#1985f4;
}
.wst-upload-form{
flex:0 0 59%;
max-width:39rem;
width:100%;
margin-left:auto;
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
}
.wst-upload-form > .e-con-inner,
.wst-upload-form > .elementor-widget-wrap{
gap:1rem;
}
.wst-upload-form .elementor-widget-heading{
margin-bottom:0;
}
.wst-upload-form .elementor-heading-title{
color:#0d2346;
font-size:1.9rem;
line-height:1.2;
}
/* light theme for the uploader card inside this section */
.wst-upload-form .kaya-up{
--pri:#1985f4;
--pri-hover:#0f74db;
--txt:#0f2347;
--mut:#5f7188;
--bd:#d6dee8;
--bg:#ffffff;
--panel:#f8fafc;
--panel-soft:#f3f5f7;
}
.wst-upload-form .kaya-up-shell{
max-width:100%;
}
.wst-upload-form .kaya-up-card{
background:var(--bg);
border:1px solid #48576d;
border-radius:1.35rem;
box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);
padding:1.5rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-field label{
color:#50647c;
}
.wst-upload-form .kaya-up-field input[type="text"],
.wst-upload-form .kaya-up-field input[type="date"],
.wst-upload-form .kaya-up-field select{
width:100%;
min-height:3.1rem;
border:1px solid var(--bd);
border-radius:0.95rem;
padding:0.9rem 1rem;
font-size:0.95rem;
outline:none;
background:var(--panel-soft);
color:var(--txt);
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.wst-upload-form .kaya-up-field input[type="text"]::placeholder,
.wst-upload-form .kaya-up-field input[type="date"]::placeholder{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field input[type="text"]:focus,
.wst-upload-form .kaya-up-field input[type="date"]:focus,
.wst-upload-form .kaya-up-field select:focus{
border-color:rgba(25,133,244,0.55);
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
background:#ffffff;
}
.wst-upload-form .kaya-up-drop{
position:relative;
border:2px dashed rgba(25,133,244,0.35);
border-radius:1.1rem;
padding:1.75rem 1.25rem;
background:#f8fbff;
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;
}
.wst-upload-form .kaya-up-drop.is-drag{
border-color:rgba(25,133,244,0.75);
box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);
background:#f1f7ff;
}
.wst-upload-form .kaya-up-illu{
width:5.375rem;
height:5.375rem;
margin:0 auto 0.75rem;
border-radius:1rem;
background:rgba(25,133,244,0.10);
display:flex;
align-items:center;
justify-content:center;
}
.wst-upload-form .kaya-up-illu svg{
width:2.75rem;
height:2.75rem;
stroke:var(--pri);
}
.wst-upload-form .kaya-up-title{
font-size:1.125rem;
font-weight:800;
color:var(--txt);
�Ʋ,n��v 8�������� �Ʋ,
� ���� margin:0.4rem 0 0.5rem;
}
.wst-upload-form .kaya-up-or{
display:flex;
align-items:center;
gap:0.625rem;
justify-content:center;
margin:0.625rem 0 0.875rem;
color:var(--mut);
font-size:0.82rem;
}
.wst-upload-form .kaya-up-or:before,
.wst-upload-form .kaya-up-or:after{
content:"";
height:1px;
width:5.625rem;
background:rgba(15,35,71,0.12);
}
.wst-upload-form .kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:3.25rem;
padding:0 1.625rem;
border-radius:0.95rem;
font-weight:800;
font-size:0.96rem;
border:1px solid transparent;
cursor:pointer;
text-decoration:none !important;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
box-shadow:none !important;
outline:none;
}
.wst-upload-form .kaya-up-btn:active{
transform:translateY(1px);
}
.wst-upload-form .kaya-up-btn--primary{
background:var(--pri);
color:#ffffff !important;
min-width:20rem;
box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;
}
.wst-upload-form .kaya-up-btn--primary:hover,
.wst-upload-form .kaya-up-btn--primary:focus,
.wst-upload-form .kaya-up-btn--primary:active{
background:var(--pri-hover);
color:#ffffff !important;
}
.wst-upload-form .kaya-up-btn--ghost{
background:#ffffff;
color:var(--txt) !important;
border-color:#d6dee8;
}
.wst-upload-form .kaya-up-btn--ghost:hover,
.wst-upload-form .kaya-up-btn--ghost:focus,
.wst-upload-form .kaya-up-btn--ghost:active{
background:#f7faff;
color:var(--txt) !important;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-note{
font-size:0.75rem;
color:var(--mut);
margin-top:0.625rem;
}
.wst-upload-form .kaya-up-filehint{
font-size:0.82rem;
color:var(--txt);
margin-top:0.625rem;
font-weight:700;
word-break:break-word;
}
.wst-upload-form .kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.wst-upload-form .kaya-up-alert{
border-radius:0.9rem;
padding:0.85rem 1rem;
border:1px solid #e5d19a;
background:#f8f1dd;
color:#7a5c18;
margin:0 0 0.85rem;
}
.wst-upload-form .kaya-up-alert--ok{
border-color:rgba(34,197,94,0.22);
background:rgba(34,197,94,0.08);
color:#166534;
}
.wst-upload-form .kaya-up-alert--err{
border-color:rgba(239,68,68,0.22);
background:rgba(239,68,68,0.08);
color:#991b1b;
}
.wst-upload-form .kaya-up-alert--warn{
border-color:#e5d19a;
background:#f8f1dd;
color:#7a5c18;
}
.wst-upload-form .kaya-up-small{
font-size:0.75rem;
color:#7d8da1;
margin-top:0.4rem;
word-break:break-all;
}
.wst-upload-form .kaya-up-debug{
margin-top:0.625rem;
padding:0.75rem;
border-radius:0.75rem;
border:1px dashed #d6dee8;
background:#f8fafc;
font-size:0.75rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-debug pre{
margin:0.5rem 0 0;
white-space:pre-wrap;
}
/* light category dropdown */
.wst-upload-form .kaya-up-field select{
min-height:3.2rem;
padding:0.9rem 3rem 0.9rem 1rem;
border:1px solid #d6dee8;
border-radius:0.95rem;
background-color:#f3f5f7;
color:#0f2347;
font-size:0.95rem;
font-weight:600;
line-height:1.2;
outline:none;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 1rem center;
background-size:1rem;
}
.wst-upload-form .kaya-up-field select:hover{
background-color:#ffffff;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-field select:focus{
background-color:#ffffff;
border-color:#1985f4;
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
}
.wst-upload-form .kaya-up-field select:required:invalid{
color:#8a98aa;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option{
background:#ffffff;
color:#0f2347;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option[value=""],
.wst-upload-form .kaya-up-field select option[disabled]{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field select optgroup{
background:#f8fafc;
color:#1985f4;
font-style:normal;
font-weight:700;
}
.wst-upload-form .kaya-up-field select::-ms-expand{
display:none;
}
@media (max-width: 64em){
.wst-upload-inner{
flex-direction:column;
align-items:stretch;
gap:2rem;
padding:3rem 1rem;
}
.wst-upload-text,
.wst-upload-form{
flex:0 0 100%;
max-width:none;
width:100%;
}
}
@media (max-width: 48em){
.wst-upload-inner{
gap:1.25rem;
padding:2rem 1rem;
}
.wst-upload-form .elementor-heading-title{
font-size:1.5rem;
}
.wst-upload-form .kaya-up-btn--primary{
min-width:100%;
}
} �Ʋ,l�ݶ 9�������� ��m
� �����shadow:0 0 0 0.24rem rgba(25,133,244,0.12);\n background:#ffffff;\n}\n\n.wst-upload-form .kaya-up-drop{\n position:relative;\n border:2px dashed rgba(25,133,244,0.35);\n border-radius:1.1rem;\n padding:1.75rem 1.25rem;\n background:#f8fbff;\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;\n}\n\n.wst-upload-form .kaya-up-drop.is-drag{\n border-color:rgba(25,133,244,0.75);\n box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);\n background:#f1f7ff;\n}\n\n.wst-upload-form .kaya-up-illu{\n width:5.375rem;\n height:5.375rem;\n margin:0 auto 0.75rem;\n border-radius:1rem;\n background:rgba(25,133,244,0.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.wst-upload-form .kaya-up-illu svg{\n width:2.75rem;\n height:2.75rem;\n stroke:var(--pri);\n}\n\n.wst-upload-form .kaya-up-title{\n font-size:1.125rem;\n font-weight:800;\n color:var(--txt);\n margin:0.4rem 0 0.5rem;\n}\n\n.wst-upload-form .kaya-up-or{\n display:flex;\n align-items:center;\n gap:0.625rem;\n justify-content:center;\n margin:0.625rem 0 0.875rem;\n color:var(--mut);\n font-size:0.82rem;\n}\n\n.wst-upload-form .kaya-up-or:before,\n.wst-upload-form .kaya-up-or:after{\n content:\"\";\n height:1px;\n width:5.625rem;\n background:rgba(15,35,71,0.12);\n}\n\n.wst-upload-form .kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:3.25rem;\n padding:0 1.625rem;\n border-radius:0.95rem;\n font-weight:800;\n font-size:0.96rem;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none !important;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;\n box-shadow:none !important;\n outline:none;\n}\n\n.wst-upload-form .kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.wst-upload-form .kaya-up-btn--primary{\n background:var(--pri);\n color:#ffffff !important;\n min-width:20rem;\n box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;\n}\n\n.wst-upload-form .kaya-up-btn--primary:hover,\n.wst-upload-form .kaya-up-btn--primary:focus,\n.wst-upload-form .kaya-up-btn--primary:active{\n background:var(--pri-hover);\n color:#ffffff !important;\n}\n\n.wst-upload-form .kaya-up-btn--ghost{\n background:#ffffff;\n color:var(--txt) !important;\n border-color:#d6dee8;\n}\n\n.wst-upload-form .kaya-up-btn--ghost:hover,\n.wst-upload-form .kaya-up-btn--ghost:focus,\n.wst-upload-form .kaya-up-btn--ghost:active{\n background:#f7faff;\n color:var(--txt) !important;\n border-color:rgba(25,133,244,0.35);\n}\n\n.wst-upload-form .kaya-up-note{\n font-size:0.75rem;\n color:var(--mut);\n margin-top:0.625rem;\n}\n\n.wst-upload-form .kaya-up-filehint{\n font-size:0.82rem;\n color:var(--txt);\n margin-top:0.625rem;\n font-weight:700;\n word-break:break-word;\n}\n\n.wst-upload-form .kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.wst-upload-form .kaya-up-alert{\n border-radius:0.9rem;\n padding:0.85rem 1rem;\n border:1px solid #e5d19a;\n background:#f8f1dd;\n color:#7a5c18;\n margin:0 0 0.85rem;\n}\n\n.wst-upload-form .kaya-up-alert--ok{\n border-color:rgba(34,197,94,0.22);\n background:rgba(34,197,94,0.08);\n color:#166534;\n}\n\n.wst-upload-form .kaya-up-alert--err{\n border-color:rgba(239,68,68,0.22);\n background:rgba(239,68,68,0.08);\n color:#991b1b;\n}\n\n.wst-upload-form .kaya-up-alert--warn{\n border-color:#e5d19a;\n background:#f8f1dd;\n color:#7a5c18;\n}\n\n.wst-upload-form .kaya-up-small{\n font-size:0.75rem;\n color:#7d8da1;\n margin-top:0.4rem;\n word-break:break-all;\n}\n\n.wst-upload-form .kaya-up-debug{\n margin-top:0.625rem;\n padding:0.75rem;\n border-radius:0.75rem;\n border:1px dashed #d6dee8;\n background:#f8fafc;\n font-size:0.75rem;\n color:var(--txt);\n}\n\n.wst-upload-form .kaya-up-debug pre{\n margin:0.5rem 0 0;\n white-space:pre-wrap;\n}\n\n.wst-upload-form .kaya-up-field select{\n min-height:3.2rem;\n padding:0.9rem 3rem 0.9rem 1rem;\n border:1px solid #d6dee8;\n border-radius:0.95rem;\n background-color:#f3f5f7;\n color:#0f2347;\n font-size:0.95rem;\n font-weight:600;\n line-height:1.2;\n outline:none;\n cursor:pointer;\n appearance:none;\n -webkit-appearance:none;\n -moz-appearance:none;\n box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);\n transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n background-repeat:no-repeat;\n background-position:right 1rem center;\n background-size:1rem;\n}\n\n.wst-upload-form .kaya-up-field select:hover{\n background-color:#ffffff;\n border-color:rgba(25,133,244,0.35);\n}\n\n.wst-upload-form .kaya-up-field select:focus{\n background-color:#ffffff;\n border-color:#1985f4;\n box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);\n}\n\n.wst-upload-form .kaya-up-field select:required:invalid{\n color:#8a98aa;\n font-weight:500;\n}\n\n.wst-upload-form .kaya-up-field select option{\n background:#ffffff;\n color:#0f2347;\n font-weight:500;\n}\n\n.wst-upload-form .kaya-up-field select option[value=\"\"],\n.wst-upload-form .kaya-up-field select option[disabled]{\n color:#8a98aa;\n}\n\n.wst-upload-form .kaya-up-field select optgroup{\n background:#f8fafc;\n color:#1985f4;\n font-style:normal;\n font-weight:700;\n}\n\n.wst-upload-form .kaya-up-field select::-ms-expand{\n display:none;\n}\n\n@media (max-width: 64em){\n .wst-upload-inner{\n flex-direction:column;\n align-items:stretch;\n gap:2rem;\n padding:0;\n }\n\n .wst-upload-text,\n .wst-upload-form{\n flex:0 0 100%;\n max-width:none;\n width:100%;\n }\n}\n\n@media (max-width: 48em){\n .wst-upload-inner{\n gap:1.25rem;\n padding:0;\n }\n\n .wst-upload-form .elementor-heading-title{\n font-size:1.5rem;\n }\n\n .wst-upload-form .kaya-up-btn--primary{\n min-width:100%;\n }\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-04-06 06:26:52"
}
} ��mR{�& :�������� ��;�
� ?� {
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:360mm;\n height:240mm;\n background:#fff;\n box-sizing:border-box;\n padding:12mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n position:relative;\n\n transform-origin:top left;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:192mm;\n min-width:192mm;\n max-width:192mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:6mm;\n}\n\n.kaya-webstation-print-right{\n width:144mm;\n min-width:144mm;\n max-width:144mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:20.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 4.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:15.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.8mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:18mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-print-contact{\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 2.1mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-email{\n position:absolute;\n left:12mm;\n top:189mm;\n\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:174mm !important;\n max-width:174mm !important;\n height:auto !important;\n max-height:174mm !important;\n display:block;\n}\n\n.wst-upload-hero{\n position:relative;\n overflow:hidden;\n background:#eef3f8;\n}\n\n.wst-upload-inner{\n width:100%;\n max-width:none;\n margin:0;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:3rem;\n padding:0;\n}\n\n.wst-upload-text{\n flex:0 0 41%;\n max-width:34rem;\n border:1px solid rgba(255,255,255,0.45);\n border-left:0.25rem solid #1985f4;\n border-radius:1rem;\n background:rgba(255,255,255,0.38);\n backdrop-filter:blur(0.8rem);\n -webkit-backdrop-filter:blur(0.8rem);\n box-shadow:0 1rem 2.5rem rgba(15,35,71,0.08);\n}\n\n.wst-upload-text .elementor-heading-title{\n color:#0d2346;\n text-shadow:none;\n font-weight:800;\n}\n\n.wst-upload-text .elementor-widget-text-editor,\n.wst-upload-text .elementor-widget-text-editor p{\n color:#5e738d;\n text-shadow:none;\n line-height:1.8;\n}\n\n.wst-upload-text .elementor-icon-list-text{\n color:#36506f;\n}\n\n.wst-upload-text .elementor-icon-list-icon i,\n.wst-upload-text .elementor-icon-list-icon svg{\n color:#1985f4;\n fill:#1985f4;\n}\n\n.wst-upload-form{\n flex:0 0 59%;\n max-width:39rem;\n width:100%;\n margin-left:auto;\n background:transparent !important;\n border:none !important;\n box-shadow:none !important;\n padding:0 !important;\n}\n\n.wst-upload-form > .e-con-inner,\n.wst-upload-form > .elementor-widget-wrap{\n gap:1rem;\n}\n\n.wst-upload-form .elementor-widget-heading{\n margin-bottom:0;\n}\n\n.wst-upload-form .elementor-heading-title{\n color:#0d2346;\n font-size:1.9rem;\n line-height:1.2;\n}\n\n/* light theme for the uploader card inside this section */\n.wst-upload-form .kaya-up{\n --pri:#1985f4;\n --pri-hover:#0f74db;\n --txt:#0f2347;\n --mut:#5f7188;\n --bd:#d6dee8;\n --bg:#ffffff;\n --panel:#f8fafc;\n --panel-soft:#f3f5f7;\n}\n\n.wst-upload-form .kaya-up-shell{\n max-width:100%;\n}\n\n.wst-upload-form .kaya-up-card{\n background:var(--bg);\n border:1px solid #48576d;\n border-radius:1.35rem;\n box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);\n padding:1.5rem;\n color:var(--txt);\n}\n\n.wst-upload-form .kaya-up-field label{\n color:#50647c;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"],\n.wst-upload-form .kaya-up-field input[type=\"date\"],\n.wst-upload-form .kaya-up-field select{\n width:100%;\n min-height:3.1rem;\n border:1px solid var(--bd);\n border-radius:0.95rem;\n padding:0.9rem 1rem;\n font-size:0.95rem;\n outline:none;\n background:var(--panel-soft);\n color:var(--txt);\n transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"]::placeholder,\n.wst-upload-form .kaya-up-field input[type=\"date\"]::placeholder{\n color:#8a98aa;\n}\n\n.wst-upload-form .kaya-up-field input[type��;���$� ;�������� ��
� ?� <{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:360mm;\n height:240mm;\n background:#fff;\n box-sizing:border-box;\n padding:12mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n position:relative;\n\n transform-origin:top left;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:192mm;\n min-width:192mm;\n max-width:192mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:6mm;\n}\n\n.kaya-webstation-print-right{\n width:144mm;\n min-width:144mm;\n max-width:144mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:20.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 4.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:15.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.8mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:18mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-print-contact{\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 2.1mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-email{\n position:absolute;\n left:12mm;\n top:189mm;\n\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:174mm !important;\n max-width:174mm !important;\n height:auto !important;\n max-height:174mm !important;\n display:block;\n}\n\n.wst-upload-hero{\n position:relative;\n overflow:hidden;\n background:#eef3f8;\n}\n\n.wst-upload-inner{\n width:100%;\n max-width:78rem;\n margin:0 auto;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:3rem;\n padding:4.5rem 1.5rem;\n}\n\n.wst-upload-text{\n flex:0 0 41%;\n max-width:34rem;\n padding:0;\n background:transparent;\n border:0;\n border-radius:0;\n box-shadow:none;\n}\n\n.wst-upload-text .elementor-heading-title{\n color:#0d2346;\n text-shadow:none;\n font-weight:800;\n}\n\n.wst-upload-text .elementor-widget-text-editor,\n.wst-upload-text .elementor-widget-text-editor p{\n color:#5e738d;\n text-shadow:none;\n line-height:1.8;\n}\n\n.wst-upload-text .elementor-icon-list-text{\n color:#36506f;\n}\n\n.wst-upload-text .elementor-icon-list-icon i,\n.wst-upload-text .elementor-icon-list-icon svg{\n color:#1985f4;\n fill:#1985f4;\n}\n\n.wst-upload-form{\n flex:0 0 59%;\n max-width:39rem;\n width:100%;\n margin-left:auto;\n background:transparent !important;\n border:none !important;\n box-shadow:none !important;\n padding:0 !important;\n}\n\n.wst-upload-form > .e-con-inner,\n.wst-upload-form > .elementor-widget-wrap{\n gap:1rem;\n}\n\n.wst-upload-form .elementor-widget-heading{\n margin-bottom:0;\n}\n\n.wst-upload-form .elementor-heading-title{\n color:#0d2346;\n font-size:1.9rem;\n line-height:1.2;\n}\n\n/* light theme for the uploader card inside this section */\n.wst-upload-form .kaya-up{\n --pri:#1985f4;\n --pri-hover:#0f74db;\n --txt:#0f2347;\n --mut:#5f7188;\n --bd:#d6dee8;\n --bg:#ffffff;\n --panel:#f8fafc;\n --panel-soft:#f3f5f7;\n}\n\n.wst-upload-form .kaya-up-shell{\n max-width:100%;\n}\n\n.wst-upload-form .kaya-up-card{\n background:var(--bg);\n border:1px solid #48576d;\n border-radius:1.35rem;\n box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);\n padding:1.5rem;\n color:var(--txt);\n}\n\n.wst-upload-form .kaya-up-field label{\n color:#50647c;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"],\n.wst-upload-form .kaya-up-field input[type=\"date\"],\n.wst-upload-form .kaya-up-field select{\n width:100%;\n min-height:3.1rem;\n border:1px solid var(--bd);\n border-radius:0.95rem;\n padding:0.9rem 1rem;\n font-size:0.95rem;\n outline:none;\n background:var(--panel-soft);\n color:var(--txt);\n transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"]::placeholder,\n.wst-upload-form .kaya-up-field input[type=\"date\"]::placeholder{\n color:#8a98aa;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"]:focus,\n.wst-upload-form .kaya-up-field input[type=\"date\"]:focus,\n.wst-upload-form .kaya-up-field select:focus{\n border-color:rgba(25,133,���V�� <�������� ��
� ����244,0.55);\n box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);\n background:#ffffff;\n}\n\n.wst-upload-form .kaya-up-drop{\n position:relative;\n border:2px dashed rgba(25,133,244,0.35);\n border-radius:1.1rem;\n padding:1.75rem 1.25rem;\n background:#f8fbff;\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;\n}\n\n.wst-upload-form .kaya-up-drop.is-drag{\n border-color:rgba(25,133,244,0.75);\n box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);\n background:#f1f7ff;\n}\n\n.wst-upload-form .kaya-up-illu{\n width:5.375rem;\n height:5.375rem;\n margin:0 auto 0.75rem;\n border-radius:1rem;\n background:rgba(25,133,244,0.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.wst-upload-form .kaya-up-illu svg{\n width:2.75rem;\n height:2.75rem;\n stroke:var(--pri);\n}\n\n.wst-upload-form .kaya-up-title{\n font-size:1.125rem;\n font-weight:800;\n color:var(--txt);\n margin:0.4rem 0 0.5rem;\n}\n\n.wst-upload-form .kaya-up-or{\n display:flex;\n align-items:center;\n gap:0.625rem;\n justify-content:center;\n margin:0.625rem 0 0.875rem;\n color:var(--mut);\n font-size:0.82rem;\n}\n\n.wst-upload-form .kaya-up-or:before,\n.wst-upload-form .kaya-up-or:after{\n content:\"\";\n height:1px;\n width:5.625rem;\n background:rgba(15,35,71,0.12);\n}\n\n.wst-upload-form .kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:3.25rem;\n padding:0 1.625rem;\n border-radius:0.95rem;\n font-weight:800;\n font-size:0.96rem;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none !important;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;\n box-shadow:none !important;\n outline:none;\n}\n\n.wst-upload-form .kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.wst-upload-form .kaya-up-btn--primary{\n background:var(--pri);\n color:#ffffff !important;\n min-width:20rem;\n box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;\n}\n\n.wst-upload-form .kaya-up-btn--primary:hover,\n.wst-upload-form .kaya-up-btn--primary:focus,\n.wst-upload-form .kaya-up-btn--primary:active{\n background:var(--pri-hover);\n color:#ffffff !important;\n}\n\n.wst-upload-form .kaya-up-btn--ghost{\n background:#ffffff;\n color:var(--txt) !important;\n border-color:#d6dee8;\n}\n\n.wst-upload-form .kaya-up-btn--ghost:hover,\n.wst-upload-form .kaya-up-btn--ghost:focus,\n.wst-upload-form .kaya-up-btn--ghost:active{\n background:#f7faff;\n color:var(--txt) !important;\n border-color:rgba(25,133,244,0.35);\n}\n\n.wst-upload-form .kaya-up-note{\n font-size:0.75rem;\n color:var(--mut);\n margin-top:0.625rem;\n}\n\n.wst-upload-form .kaya-up-filehint{\n font-size:0.82rem;\n color:var(--txt);\n margin-top:0.625rem;\n font-weight:700;\n word-break:break-word;\n}\n\n.wst-upload-form .kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.wst-upload-form .kaya-up-alert{\n border-radius:0.9rem;\n padding:0.85rem 1rem;\n border:1px solid #e5d19a;\n background:#f8f1dd;\n color:#7a5c18;\n margin:0 0 0.85rem;\n}\n\n.wst-upload-form .kaya-up-alert--ok{\n border-color:rgba(34,197,94,0.22);\n background:rgba(34,197,94,0.08);\n color:#166534;\n}\n\n.wst-upload-form .kaya-up-alert--err{\n border-color:rgba(239,68,68,0.22);\n background:rgba(239,68,68,0.08);\n color:#991b1b;\n}\n\n.wst-upload-form .kaya-up-alert--warn{\n border-color:#e5d19a;\n background:#f8f1dd;\n color:#7a5c18;\n}\n\n.wst-upload-form .kaya-up-small{\n font-size:0.75rem;\n color:#7d8da1;\n margin-top:0.4rem;\n word-break:break-all;\n}\n\n.wst-upload-form .kaya-up-debug{\n margin-top:0.625rem;\n padding:0.75rem;\n border-radius:0.75rem;\n border:1px dashed #d6dee8;\n background:#f8fafc;\n font-size:0.75rem;\n color:var(--txt);\n}\n\n.wst-upload-form .kaya-up-debug pre{\n margin:0.5rem 0 0;\n white-space:pre-wrap;\n}\n\n/* light category dropdown */\n.wst-upload-form .kaya-up-field select{\n min-height:3.2rem;\n padding:0.9rem 3rem 0.9rem 1rem;\n border:1px solid #d6dee8;\n border-radius:0.95rem;\n background-color:#f3f5f7;\n color:#0f2347;\n font-size:0.95rem;\n font-weight:600;\n line-height:1.2;\n outline:none;\n cursor:pointer;\n appearance:none;\n -webkit-appearance:none;\n -moz-appearance:none;\n box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);\n transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/TR/SVG/' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n background-repeat:no-repeat;\n background-position:right 1rem center;\n background-size:1rem;\n}\n\n.wst-upload-form .kaya-up-field select:hover{\n background-color:#ffffff;\n border-color:rgba(25,133,244,0.35);\n}\n\n.wst-upload-form .kaya-up-field select:focus{\n background-color:#ffffff;\n border-color:#1985f4;\n box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);\n}\n\n.wst-upload-form .kaya-up-field select:required:invalid{\n color:#8a98aa;\n font-weight:500;\n}\n\n.wst-upload-form .kaya-up-field select option{\n background:#ffffff;\n color:#0f2347;\n font-weight:500;\n}\n\n.wst-upload-form .kaya-up-field select option[value=\"\"],\n.wst-upload-form .kaya-up-field select option[disabled]{\n color:#8a98aa;\n}\n\n.wst-upload-form .kaya-up-field select optgroup{\n background:#f8fafc;\n color:#1985f4;\n font-style:normal;\n font-weight:700;\n}\n\n.wst-upload-form .kaya-up-field select::-ms-expand{\n display:none;\n}\n\n@media (max-width: 64em){\n .wst-upload-inner{\n flex-direction:column;\n align-items:stretch;\n gap:2rem;\n padding:3rem 1rem;\n }\n\n .wst-upload-text,\n .wst-upload-form{\n flex:0 0 100%;\n max-width:none;\n width:100%;\n }\n}\n\n@media (max-width: 48em){\n .wst-upload-inner{\n gap:1.25rem;\n padding:2rem 1rem;\n }\n\n .wst-upload-form .elementor-heading-title{\n font-size:1.5rem;\n }\n\n .wst-upload-form .kaya-up-btn--primary{\n min-width:100%;\n }\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-04-06 06:22:09"
}
} ��`�� =�������� ��3
� ?� >/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:360mm;
height:240mm;
background:#fff;
box-sizing:border-box;
padding:12mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
transform-origin:top left;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:192mm;
min-width:192mm;
max-width:192mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:6mm;
}
.kaya-webstation-print-right{
width:144mm;
min-width:144mm;
max-width:144mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:20.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 4.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:15.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.8mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:18mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-print-contact{
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 2.1mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-email{
position:absolute;
left:12mm;
top:189mm;
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:174mm !important;
max-width:174mm !important;
height:auto !important;
max-height:174mm !important;
display:block;
}
.wst-upload-hero{
position:relative;
overflow:hidden;
background:#eef3f8;
}
.wst-upload-inner{
width:100%;
max-width:78rem;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:3rem;
padding:4.5rem 1.5rem;
}
.wst-upload-text{
flex:0 0 41%;
max-width:34rem;
padding:0;
background:transparent;
border:0;
border-radius:0;
box-shadow:none;
}
.wst-upload-text .elementor-heading-title{
color:#0d2346;
text-shadow:none;
font-weight:800;
}
.wst-upload-text .elementor-widget-text-editor,
.wst-upload-text .elementor-widget-text-editor p{
color:#5e738d;
text-shadow:none;
line-height:1.8;
}
.wst-upload-text .elementor-icon-list-text{
color:#36506f;
}
.wst-upload-text .elementor-icon-list-icon i,
.wst-upload-text .elementor-icon-list-icon svg{
color:#1985f4;
fill:#1985f4;
}
.wst-upload-form{
flex:0 0 59%;
max-width:39rem;
width:100%;
margin-left:auto;
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
}
.wst-upload-form > .e-con-inner,
.wst-upload-form > .elementor-widget-wrap{
gap:1rem;
}
.wst-upload-form .elementor-widget-heading{
margin-bottom:0;
}
.wst-upload-form .elementor-heading-title{
color:#0d2346;
font-size:1.9rem;
line-height:1.2;
}
/* light theme for the uploader card inside this section */
.wst-upload-form .kaya-up{
--pri:#1985f4;
--pri-hover:#0f74db;
--txt:#0f2347;
--mut:#5f7188;
--bd:#d6dee8;
--bg:#ffffff;
--panel:#f8fafc;
--panel-soft:#f3f5f7;
}
.wst-upload-form .kaya-up-shell{
max-width:100%;
}
.wst-upload-form .kaya-up-card{
background:var(--bg);
border:1px solid #48576d;
border-radius:1.35rem;
box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);
padding:1.5rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-field label{
color:#50647c;
}
.wst-upload-form .kaya-up-field input[type="text"],
.wst-upload-form .kaya-up-field input[type="date"],
.wst-upload-form .kaya-up-field select{
width:100%;
min-height:3.1rem;
border:1px solid var(--bd);
border-radius:0.95rem;
padding:0.9rem 1rem;
font-size:0.95rem;
outline:none;
background:var(--panel-soft);
color:var(--txt);
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.wst-upload-form .kaya-up-field input[type="text"]::placeholder,
.wst-upload-form .kaya-up-field input[type="date"]::placeholder{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field input[type="text"]:focus,
.wst-upload-form .kaya-up-field input[type="date"]:focus,
.wst-upload-form .kaya-up-field select:focus{
border-color:rgba(25,133,244,0.55);
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
background:#ffffff;
}
.wst-upload-form .kaya-up-drop{
position:relative;
border:2px dashed rgba(25,133,244,0.35);
border-radius:1.1rem;
padding:1.75rem 1.25rem;
background:#f8fbff;
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;
}
.wst-upload-form .kaya-up-drop.is-drag{
border-color:rgba(25,133,244,0.75);
box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);
background:#f1f7ff;
}
.wst-upload-form .kaya-up-illu{
width:5.375rem;
height:5.375rem;
margin:0 auto 0.75rem;
border-radius:1rem;
background:rgba(25,133,244,0.10);
display:flex;
align-items:center;
justify-content:center;
}
.wst-upload-form .kaya-up-illu svg{
width:2.75rem;
height:2.75rem;
stroke:var(--pri);
}
.wst-upload-form .kaya-up-title{
font-size:1.125rem;
font-weight:800;
c��3+ � >�������� ��3
� ����olor:var(--txt);
margin:0.4rem 0 0.5rem;
}
.wst-upload-form .kaya-up-or{
display:flex;
align-items:center;
gap:0.625rem;
justify-content:center;
margin:0.625rem 0 0.875rem;
color:var(--mut);
font-size:0.82rem;
}
.wst-upload-form .kaya-up-or:before,
.wst-upload-form .kaya-up-or:after{
content:"";
height:1px;
width:5.625rem;
background:rgba(15,35,71,0.12);
}
.wst-upload-form .kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:3.25rem;
padding:0 1.625rem;
border-radius:0.95rem;
font-weight:800;
font-size:0.96rem;
border:1px solid transparent;
cursor:pointer;
text-decoration:none !important;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
box-shadow:none !important;
outline:none;
}
.wst-upload-form .kaya-up-btn:active{
transform:translateY(1px);
}
.wst-upload-form .kaya-up-btn--primary{
background:var(--pri);
color:#ffffff !important;
min-width:20rem;
box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;
}
.wst-upload-form .kaya-up-btn--primary:hover,
.wst-upload-form .kaya-up-btn--primary:focus,
.wst-upload-form .kaya-up-btn--primary:active{
background:var(--pri-hover);
color:#ffffff !important;
}
.wst-upload-form .kaya-up-btn--ghost{
background:#ffffff;
color:var(--txt) !important;
border-color:#d6dee8;
}
.wst-upload-form .kaya-up-btn--ghost:hover,
.wst-upload-form .kaya-up-btn--ghost:focus,
.wst-upload-form .kaya-up-btn--ghost:active{
background:#f7faff;
color:var(--txt) !important;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-note{
font-size:0.75rem;
color:var(--mut);
margin-top:0.625rem;
}
.wst-upload-form .kaya-up-filehint{
font-size:0.82rem;
color:var(--txt);
margin-top:0.625rem;
font-weight:700;
word-break:break-word;
}
.wst-upload-form .kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.wst-upload-form .kaya-up-alert{
border-radius:0.9rem;
padding:0.85rem 1rem;
border:1px solid #e5d19a;
background:#f8f1dd;
color:#7a5c18;
margin:0 0 0.85rem;
}
.wst-upload-form .kaya-up-alert--ok{
border-color:rgba(34,197,94,0.22);
background:rgba(34,197,94,0.08);
color:#166534;
}
.wst-upload-form .kaya-up-alert--err{
border-color:rgba(239,68,68,0.22);
background:rgba(239,68,68,0.08);
color:#991b1b;
}
.wst-upload-form .kaya-up-alert--warn{
border-color:#e5d19a;
background:#f8f1dd;
color:#7a5c18;
}
.wst-upload-form .kaya-up-small{
font-size:0.75rem;
color:#7d8da1;
margin-top:0.4rem;
word-break:break-all;
}
.wst-upload-form .kaya-up-debug{
margin-top:0.625rem;
padding:0.75rem;
border-radius:0.75rem;
border:1px dashed #d6dee8;
background:#f8fafc;
font-size:0.75rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-debug pre{
margin:0.5rem 0 0;
white-space:pre-wrap;
}
/* light category dropdown */
.wst-upload-form .kaya-up-field select{
min-height:3.2rem;
padding:0.9rem 3rem 0.9rem 1rem;
border:1px solid #d6dee8;
border-radius:0.95rem;
background-color:#f3f5f7;
color:#0f2347;
font-size:0.95rem;
font-weight:600;
line-height:1.2;
outline:none;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
background-image:url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/TR/SVG/' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 1rem center;
background-size:1rem;
}
.wst-upload-form .kaya-up-field select:hover{
background-color:#ffffff;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-field select:focus{
background-color:#ffffff;
border-color:#1985f4;
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
}
.wst-upload-form .kaya-up-field select:required:invalid{
color:#8a98aa;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option{
background:#ffffff;
color:#0f2347;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option[value=""],
.wst-upload-form .kaya-up-field select option[disabled]{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field select optgroup{
background:#f8fafc;
color:#1985f4;
font-style:normal;
font-weight:700;
}
.wst-upload-form .kaya-up-field select::-ms-expand{
display:none;
}
@media (max-width: 64em){
.wst-upload-inner{
flex-direction:column;
align-items:stretch;
gap:2rem;
padding:3rem 1rem;
}
.wst-upload-text,
.wst-upload-form{
flex:0 0 100%;
max-width:none;
width:100%;
}
}
@media (max-width: 48em){
.wst-upload-inner{
gap:1.25rem;
padding:2rem 1rem;
}
.wst-upload-form .elementor-heading-title{
font-size:1.5rem;
}
.wst-upload-form .kaya-up-btn--primary{
min-width:100%;
}
} ��3 ��e ?�������� �ԟ�
� ?� B{
"custom_css[kadence]": {
"value": "/* ===== Certificate Post Layout ===== */\n.kaya-inv-page{\n display:grid;\n grid-template-columns:minmax(0,1fr) 320px;\n gap:18px;\n align-items:start;\n margin:18px 0;\n}\n\n@media (max-width:900px){\n .kaya-inv-page{\n grid-template-columns:1fr;\n }\n}\n\n.kaya-inv-viewer{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:12px;\n overflow:hidden;\n min-width:0;\n}\n\n.kaya-inv-qr{\n border:1px solid rgba(226,232,240,1);\n border-radius:16px;\n background:#fff;\n padding:14px;\n}\n\n.kaya-inv-qrbox{\n display:flex;\n justify-content:center;\n align-items:center;\n flex-direction:column;\n gap:10px;\n padding:12px;\n border-radius:14px;\n background:#f8fafc;\n border:1px dashed rgba(226,232,240,1);\n}\n\n.kaya-inv-qrbox img{\n width:100%;\n max-width:240px;\n height:auto;\n}\n\n.kaya-inv-qrbox .aligncenter{\n display:flex;\n justify-content:center;\n}\n\n.kaya-inv-meta{\n margin-top:12px;\n padding:12px;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n background:#fff;\n}\n\n.kaya-inv-label{\n font-size:12px;\n color:#64748b;\n font-weight:800;\n margin:0 0 6px;\n text-transform:uppercase;\n letter-spacing:.04em;\n}\n\n.kaya-inv-url,\n.kaya-inv-text{\n font-size:13px;\n line-height:1.55;\n word-break:break-all;\n color:#0f172a;\n}\n\n/* Make PDF viewer responsive */\n.kaya-invoice-post canvas.pdf-canvas{\n width:100% !important;\n height:auto !important;\n display:block !important;\n}\n\n.kaya-invoice-post .pdf-viewer{\n width:100% !important;\n max-width:100% !important;\n}\n\n/* ===== Webstation QR Card (visible on page) ===== */\n.kaya-webstation-qr{\n text-align:center;\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:22px 18px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:4px;\n}\n\n.kaya-webstation-company{\n font-size:20px;\n font-weight:800;\n line-height:1.35;\n color:#111827;\n text-align:center;\n}\n\n.kaya-webstation-phone-main{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:2px;\n}\n\n.kaya-webstation-contact{\n font-size:13px;\n line-height:1.6;\n color:#374151;\n text-align:center;\n}\n\n.kaya-webstation-customer{\n font-size:18px;\n font-weight:700;\n line-height:1.4;\n color:#111827;\n text-align:center;\n margin-top:12px;\n word-break:break-word;\n}\n\n/* ===== QR Download Block (shared container) ===== */\n.kaya-qr-download-wrap{\n background:#fff;\n border:1px solid #e5e7eb;\n border-radius:16px;\n padding:18px;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:12px;\n max-width:320px;\n width:100%;\n margin:0 auto;\n}\n\n.kaya-qr-download-inner{\n display:flex;\n justify-content:center;\n align-items:center;\n width:100%;\n background:#fff;\n}\n\n.kaya-qr-download-inner img{\n max-width:220px;\n width:100%;\n height:auto;\n}\n\n.kaya-qr-download-actions{\n margin-top:12px;\n display:flex;\n justify-content:center;\n}\n\n.kaya-download-qr-btn{\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n width:100% !important;\n min-height:50px !important;\n padding:14px 18px !important;\n margin:0 !important;\n border:none !important;\n border-radius:14px !important;\n background:#24588f !important;\n color:#ffffff !important;\n font-size:18px !important;\n font-weight:700 !important;\n line-height:1.2 !important;\n text-align:center !important;\n text-decoration:none !important;\n box-shadow:none !important;\n cursor:pointer !important;\n appearance:none !important;\n -webkit-appearance:none !important;\n}\n\n.kaya-download-qr-btn:hover,\n.kaya-download-qr-btn:focus,\n.kaya-download-qr-btn:active{\n background:#1d4a78 !important;\n color:#ffffff !important;\n text-decoration:none !important;\n outline:none !important;\n box-shadow:none !important;\n}\n\n.kaya-download-qr-btn br{\n display:none !important;\n}\n\n/* ===== Uploader UI ===== */\n.kaya-up{\n --pri:#0082ff;\n --txt:#0f172a;\n --mut:#6b7280;\n --bd:#dbe3f0;\n --bg:#f5f8ff;\n}\n\n.kaya-up *{\n box-sizing:border-box;\n}\n\n.kaya-up-shell{\n max-width:820px;\n margin:0 auto;\n}\n\n.kaya-up-card{\n background:#fff;\n border-radius:18px;\n box-shadow:0 20px 60px rgba(2,6,23,.10);\n padding:22px;\n}\n\n.kaya-up-top{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n margin-bottom:14px;\n}\n\n@media(max-width:767px){\n .kaya-up-shell{\n padding:0 14px;\n }\n\n .kaya-up-top{\n grid-template-columns:1fr;\n }\n\n .kaya-up-btn--primary{\n min-width:100% !important;\n }\n\n .kaya-up-or:before,\n .kaya-up-or:after{\n width:60px;\n }\n}\n\n.kaya-up-field label{\n display:block;\n font-size:12px;\n color:var(--mut);\n font-weight:800;\n margin:0 0 6px;\n}\n\n.kaya-up-field input[type=\"text\"],\n.kaya-up-field input[type=\"date\"],\n.kaya-up-field select{\n width:100%;\n border:1px solid rgba(226,232,240,1);\n border-radius:12px;\n padding:12px 12px;\n font-size:14px;\n outline:none;\n background:#fff;\n}\n\n.kaya-up-field input[type=\"text\"]:focus,\n.kaya-up-field input[type=\"date\"]:focus,\n.kaya-up-field select:focus{\n border-color:rgba(0,130,255,.55);\n box-shadow:0 0 0 4px rgba(0,130,255,.12);\n}\n\n.kaya-up-drop{\n position:relative;\n border:2px dashed rgba(0,130,255,.35);\n border-radius:16px;\n padding:26px 18px;\n background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;\n}\n\n.kaya-up-drop.is-drag{\n border-color:rgba(0,130,255,.75);\n box-shadow:0 0 0 6px rgba(0,130,255,.10);\n}\n\n.kaya-up-illu{\n width:86px;\n height:86px;\n margin:0 auto 12px;\n border-radius:18px;\n background:rgba(0,130,255,.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.kaya-up-illu svg{\n width:44px;\n height:44px;\n stroke:var(--pri);\n}\n\n.kaya-up-title{\n font-size:18px;\n font-weight:800;\n color:var(--txt);\n margin:6px 0 8px;\n}\n\n.kaya-up-or{\n display:flex;\n align-items:center;\n gap:10px;\n justify-content:center;\n margin:10px 0 14px;\n color:var(--mut);\n font-size:13px;\n}\n\n.kaya-up-or:before,\n.kaya-up-or:after{\n content:\"\";\n height:1px;\n width:90px;\n background:rgba(100,116,139,.25);\n}\n\n.kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n height:52px;\n padding:0 26px;\n border-radius:12px;\n font-weight:900;\n font-size:15px;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease;\n}\n\n.kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.kaya-up-btn--primary{\n background:var(--pri);\n color:#fff;\n min-width:320px;\n box-shadow:0 14px 30px rgba(0,130,255,.22);\n}\n\n.kaya-up-btn--primary:hover{\n background:#0a6fe0;\n}\n\n.kaya-up-btn--ghost{\n background:#fff;\n color:#0f172a;\n border-color:rgba(226,232,240,1);\n}\n\n.kaya-up-note{\n font-size:12px;\n color:var(--mut);\n margin-top:10px;\n}\n\n.kaya-up-filehint{\n font-size:13px;\n color:var(--txt);\n margin-top:10px;\n font-weight:700;\n word-break:break-word;\n}\n\n.kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.kaya-up input[type=\"file\"]{\n position:absolute;\n inset:0;\n opacity:0;\n cursor:pointer;\n}\n\n.kaya-up-alert{\n border-radius:14px;\n padding:12px 14px;\n border:1px solid rgba(226,232,240,1);\n background:#fff;\n color:var(--txt);\n margin:0 0 12px;\n}\n\n.kaya-up-alert--ok{\n border-color:rgba(34,197,94,.35);\n background:#f0fdf4;\n}\n\n.kaya-up-alert--err{\n border-color:rgba(239,68,68,.35);\n background:#fff1f2;\n}\n\n.kaya-up-alert--warn{\n border-color:rgba(245,158,11,.35);\n background:#fffbeb;\n}\n\n.kaya-up-actions{\n display:flex;\n gap:10px;\n flex-wrap:wrap;\n margin-top:10px;\n}\n\n.kaya-up-small{\n font-size:12px;\n color:#64748b;\n margin-top:6px;\n word-break:break-all;\n}\n\n.kaya-up-debug{\n margin-top:10px;\n padding:10px;\n border-radius:12px;\n border:1px dashed rgba(226,232,240,1);\n background:#f8fafc;\n font-size:12px;\n color:var(--txt);\n}\n\n.kaya-up-debug pre{\n margin:8px 0 0;\n white-space:pre-wrap;\n}\n\n/* ===== Hidden print\u2011optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Compact Version ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:60mm;\n height:40mm;\n background:#ffffff;\n box-sizing:border-box;\n padding:2mm;\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:flex-start;\n text-align:center;\n overflow:hidden;\n border:0;\n border-radius:0;\n}\n\n.kaya-webstation-print-company{\n font-size:3.4mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:-3mm 0 0 0!important;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:3mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */\n text-align:center;\n}\n\n.kaya-webstation-print-contact{\n font-size:1.7mm;\n line-height:1;\n color:#4b5563;\n margin:0.8mm 0 0 0;\n text-align:center;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:2.5mm;\n line-height:1;\n font-weight:900;\n color:#111827;\n\tmargin:0.4mm 0 0 0;\n /* smaller top, more bottom so QR goes down */\n text-align:center;\n white-space:wrap\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:auto;\n background:#fff;\n display:flex;\n justify-content:center;\n align-items:center;\n margin-top:1mm; /* pushes QR lower */\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:20mm !important;\n max-width:20mm !important;\n height:auto;\n display:block;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno {\n font-size: 2.5mm;\n\tcolor:#111827;\n font-weight: 900;\n letter-spacing: 0.3px;\n\tmargin:0 0 0.4mm 0;\n}\n\n/* ===== Hidden print-optimised template (used for download) ===== */\n/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */\n.kaya-qr-print-template{\n position:fixed;\n left:-10000px;\n top:0;\n z-index:-1;\n opacity:1;\n pointer-events:none;\n}\n\n.kaya-webstation-print{\n width:360mm;\n height:240mm;\n background:#fff;\n box-sizing:border-box;\n padding:12mm;\n overflow:hidden;\n border:0;\n border-radius:0;\n font-family:Arial, Helvetica, sans-serif;\n color:#111827;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n position:relative;\n\n transform-origin:top left;\n}\n\n.kaya-webstation-print-top{\n display:flex;\n flex-direction:row;\n align-items:stretch;\n justify-content:space-between;\n flex:1;\n min-height:0;\n}\n\n.kaya-webstation-print-left{\n width:192mm;\n min-width:192mm;\n max-width:192mm;\n height:100%;\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n justify-content:flex-start;\n text-align:left;\n box-sizing:border-box;\n padding-right:6mm;\n}\n\n.kaya-webstation-print-right{\n width:144mm;\n min-width:144mm;\n max-width:144mm;\n height:100%;\n display:flex;\n align-items:center;\n justify-content:center;\n box-sizing:border-box;\n}\n\n/* top title */\n.kaya-webstation-print-company{\n font-size:20.4mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 4.8mm 0 !important;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-branch{\n font-size:15.6mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.8mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-phone{\n font-size:18mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:nowrap;\n}\n\n.kaya-webstation-print-customer{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-docno,\n.kaya-webstation-print-docno{\n font-size:15mm;\n line-height:1.05;\n font-weight:900;\n color:#111827;\n margin:0 0 7.2mm 0;\n text-align:left;\n white-space:normal;\n word-break:break-word;\n letter-spacing:1.2px;\n}\n\n.kaya-webstation-print-contact{\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n margin:0 0 2.1mm 0;\n text-align:left;\n white-space:normal;\n}\n\n.kaya-webstation-print-email{\n position:absolute;\n left:12mm;\n top:189mm;\n\n font-size:15mm;\n line-height:1.1;\n font-weight:900;\n color:#111827;\n text-align:left;\n white-space:nowrap;\n margin:0;\n padding:0;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n margin:0;\n background:#fff;\n}\n\n.kaya-webstation-print .kaya-qr-download-inner img{\n width:174mm !important;\n max-width:174mm !important;\n height:auto !important;\n max-height:174mm !important;\n display:block;\n}\n\n.wst-upload-hero{\n position:relative;\n overflow:hidden;\n background:#eef3f8;\n}\n\n.wst-upload-inner{\n width:100%;\n max-width:none;\n margin:0;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:3rem;\n padding:0;\n}\n\n.wst-upload-text{\n flex:0 0 41%;\n max-width:34rem;\n padding:0;\n border:1px solid rgba(255,255,255,0.45);\n border-left:0.25rem solid #1985f4;\n border-radius:1rem;\n background:rgba(255,255,255,0.38);\n backdrop-filter:blur(0.8rem);\n -webkit-backdrop-filter:blur(0.8rem);\n box-shadow:0 1rem 2.5rem rgba(15,35,71,0.08);\n}\n\n.wst-upload-text .elementor-heading-title{\n color:#0d2346;\n text-shadow:none;\n font-weight:800;\n}\n\n.wst-upload-text .elementor-widget-text-editor,\n.wst-upload-text .elementor-widget-text-editor p{\n color:#5e738d;\n text-shadow:none;\n line-height:1.8;\n}\n\n.wst-upload-text .elementor-icon-list-text{\n color:#36506f;\n}\n\n.wst-upload-text .elementor-icon-list-icon i,\n.wst-upload-text .elementor-icon-list-icon svg{\n color:#1985f4;\n fill:#1985f4;\n}\n\n.wst-upload-form{\n flex:0 0 59%;\n max-width:39rem;\n width:100%;\n margin-left:auto;\n background:transparent !important;\n border:none !important;\n box-shadow:none !important;\n padding:0 !important;\n}\n\n.wst-upload-form > .e-con-inner,\n.wst-upload-form > .elementor-widget-wrap{\n gap:1rem;\n}\n\n.wst-upload-form .elementor-widget-heading{\n margin-bottom:0;\n}\n\n.wst-upload-form .elementor-heading-title{\n color:#0d2346;\n font-size:1.9rem;\n line-height:1.2;\n}\n\n/* light theme for the uploader card inside this section */\n.wst-upload-form .kaya-up{\n --pri:#1985f4;\n --pri-hover:#0f74db;\n --txt:#0f2347;\n --mut:#5f7188;\n --bd:#d6dee8;\n --bg:#ffffff;\n --panel:#f8fafc;\n --panel-soft:#f3f5f7;\n}\n\n.wst-upload-form .kaya-up-shell{\n max-width:100%;\n}\n\n.wst-upload-form .kaya-up-card{\n background:var(--bg);\n border:1px solid #48576d;\n border-radius:1.35rem;\n box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);\n padding:1.5rem;\n color:var(--txt);\n}\n\n.wst-upload-form .kaya-up-field label{\n color:#50647c;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"],\n.wst-upload-form .kaya-up-field input[type=\"date\"],\n.wst-upload-form .kaya-up-field select{\n width:100%;\n min-height:3.1rem;\n border:1px solid var(--bd);\n border-radius:0.95rem;\n padding:0.9rem 1rem;\n font-size:0.95rem;\n outline:none;\n background:var(--panel-soft);\n color:var(--txt);\n transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;\n}\n\n.wst-upload-form .kaya-up-field input[type=\"text\"]::placeholder,\n.wst-upload-form .kaya-up-field input[type=\"date\"]::placeholder{\n color:#8a98aa;\n}\n\n.wst-upload-form .kaya-up-fi�ԟ�\��E @�������� �Ҳ
� ?� A/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:360mm;
height:240mm;
background:#fff;
box-sizing:border-box;
padding:12mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
transform-origin:top left;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:192mm;
min-width:192mm;
max-width:192mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:6mm;
}
.kaya-webstation-print-right{
width:144mm;
min-width:144mm;
max-width:144mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:20.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 4.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:15.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.8mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:18mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-print-contact{
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 2.1mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-email{
position:absolute;
left:12mm;
top:189mm;
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:174mm !important;
max-width:174mm !important;
height:auto !important;
max-height:174mm !important;
display:block;
}
.wst-upload-hero{
position:relative;
overflow:hidden;
background:#eef3f8;
}
.wst-upload-inner{
width:100%;
max-width:none;
margin:0;
display:flex;
align-items:center;
justify-content:space-between;
gap:3rem;
padding:0;
}
.wst-upload-text{
flex:0 0 41%;
max-width:34rem;
padding:0;
background:transparent;
border:0;
border-radius:0;
box-shadow:none;
}
.wst-upload-text .elementor-heading-title{
color:#0d2346;
text-shadow:none;
font-weight:800;
}
.wst-upload-text .elementor-widget-text-editor,
.wst-upload-text .elementor-widget-text-editor p{
color:#5e738d;
text-shadow:none;
line-height:1.8;
}
.wst-upload-text .elementor-icon-list-text{
color:#36506f;
}
.wst-upload-text .elementor-icon-list-icon i,
.wst-upload-text .elementor-icon-list-icon svg{
color:#1985f4;
fill:#1985f4;
}
.wst-upload-form{
flex:0 0 59%;
max-width:39rem;
width:100%;
margin-left:auto;
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
}
.wst-upload-form > .e-con-inner,
.wst-upload-form > .elementor-widget-wrap{
gap:1rem;
}
.wst-upload-form .elementor-widget-heading{
margin-bottom:0;
}
.wst-upload-form .elementor-heading-title{
color:#0d2346;
font-size:1.9rem;
line-height:1.2;
}
/* light theme for the uploader card inside this section */
.wst-upload-form .kaya-up{
--pri:#1985f4;
--pri-hover:#0f74db;
--txt:#0f2347;
--mut:#5f7188;
--bd:#d6dee8;
--bg:#ffffff;
--panel:#f8fafc;
--panel-soft:#f3f5f7;
}
.wst-upload-form .kaya-up-shell{
max-width:100%;
}
.wst-upload-form .kaya-up-card{
background:var(--bg);
border:1px solid #48576d;
border-radius:1.35rem;
box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);
padding:1.5rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-field label{
color:#50647c;
}
.wst-upload-form .kaya-up-field input[type="text"],
.wst-upload-form .kaya-up-field input[type="date"],
.wst-upload-form .kaya-up-field select{
width:100%;
min-height:3.1rem;
border:1px solid var(--bd);
border-radius:0.95rem;
padding:0.9rem 1rem;
font-size:0.95rem;
outline:none;
background:var(--panel-soft);
color:var(--txt);
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.wst-upload-form .kaya-up-field input[type="text"]::placeholder,
.wst-upload-form .kaya-up-field input[type="date"]::placeholder{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field input[type="text"]:focus,
.wst-upload-form .kaya-up-field input[type="date"]:focus,
.wst-upload-form .kaya-up-field select:focus{
border-color:rgba(25,133,244,0.55);
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
background:#ffffff;
}
.wst-upload-form .kaya-up-drop{
position:relative;
border:2px dashed rgba(25,133,244,0.35);
border-radius:1.1rem;
padding:1.75rem 1.25rem;
background:#f8fbff;
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;
}
.wst-upload-form .kaya-up-drop.is-drag{
border-color:rgba(25,133,244,0.75);
box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);
background:#f1f7ff;
}
.wst-upload-form .kaya-up-illu{
width:5.375rem;
height:5.375rem;
margin:0 auto 0.75rem;
border-radius:1rem;
background:rgba(25,133,244,0.10);
display:flex;
align-items:center;
justify-content:center;
}
.wst-upload-form .kaya-up-illu svg{
width:2.75rem;
height:2.75rem;
stroke:var(--pri);
}
.wst-upload-form .kaya-up-title{
font-size:1.125rem;
font-weight:800;
color:var(--txt);
�Ҳ �tq A�������� �Ҳ
� ����� margin:0.4rem 0 0.5rem;
}
.wst-upload-form .kaya-up-or{
display:flex;
align-items:center;
gap:0.625rem;
justify-content:center;
margin:0.625rem 0 0.875rem;
color:var(--mut);
font-size:0.82rem;
}
.wst-upload-form .kaya-up-or:before,
.wst-upload-form .kaya-up-or:after{
content:"";
height:1px;
width:5.625rem;
background:rgba(15,35,71,0.12);
}
.wst-upload-form .kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:3.25rem;
padding:0 1.625rem;
border-radius:0.95rem;
font-weight:800;
font-size:0.96rem;
border:1px solid transparent;
cursor:pointer;
text-decoration:none !important;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
box-shadow:none !important;
outline:none;
}
.wst-upload-form .kaya-up-btn:active{
transform:translateY(1px);
}
.wst-upload-form .kaya-up-btn--primary{
background:var(--pri);
color:#ffffff !important;
min-width:20rem;
box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;
}
.wst-upload-form .kaya-up-btn--primary:hover,
.wst-upload-form .kaya-up-btn--primary:focus,
.wst-upload-form .kaya-up-btn--primary:active{
background:var(--pri-hover);
color:#ffffff !important;
}
.wst-upload-form .kaya-up-btn--ghost{
background:#ffffff;
color:var(--txt) !important;
border-color:#d6dee8;
}
.wst-upload-form .kaya-up-btn--ghost:hover,
.wst-upload-form .kaya-up-btn--ghost:focus,
.wst-upload-form .kaya-up-btn--ghost:active{
background:#f7faff;
color:var(--txt) !important;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-note{
font-size:0.75rem;
color:var(--mut);
margin-top:0.625rem;
}
.wst-upload-form .kaya-up-filehint{
font-size:0.82rem;
color:var(--txt);
margin-top:0.625rem;
font-weight:700;
word-break:break-word;
}
.wst-upload-form .kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.wst-upload-form .kaya-up-alert{
border-radius:0.9rem;
padding:0.85rem 1rem;
border:1px solid #e5d19a;
background:#f8f1dd;
color:#7a5c18;
margin:0 0 0.85rem;
}
.wst-upload-form .kaya-up-alert--ok{
border-color:rgba(34,197,94,0.22);
background:rgba(34,197,94,0.08);
color:#166534;
}
.wst-upload-form .kaya-up-alert--err{
border-color:rgba(239,68,68,0.22);
background:rgba(239,68,68,0.08);
color:#991b1b;
}
.wst-upload-form .kaya-up-alert--warn{
border-color:#e5d19a;
background:#f8f1dd;
color:#7a5c18;
}
.wst-upload-form .kaya-up-small{
font-size:0.75rem;
color:#7d8da1;
margin-top:0.4rem;
word-break:break-all;
}
.wst-upload-form .kaya-up-debug{
margin-top:0.625rem;
padding:0.75rem;
border-radius:0.75rem;
border:1px dashed #d6dee8;
background:#f8fafc;
font-size:0.75rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-debug pre{
margin:0.5rem 0 0;
white-space:pre-wrap;
}
.wst-upload-form .kaya-up-field select{
min-height:3.2rem;
padding:0.9rem 3rem 0.9rem 1rem;
border:1px solid #d6dee8;
border-radius:0.95rem;
background-color:#f3f5f7;
color:#0f2347;
font-size:0.95rem;
font-weight:600;
line-height:1.2;
outline:none;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 1rem center;
background-size:1rem;
}
.wst-upload-form .kaya-up-field select:hover{
background-color:#ffffff;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-field select:focus{
background-color:#ffffff;
border-color:#1985f4;
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
}
.wst-upload-form .kaya-up-field select:required:invalid{
color:#8a98aa;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option{
background:#ffffff;
color:#0f2347;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option[value=""],
.wst-upload-form .kaya-up-field select option[disabled]{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field select optgroup{
background:#f8fafc;
color:#1985f4;
font-style:normal;
font-weight:700;
}
.wst-upload-form .kaya-up-field select::-ms-expand{
display:none;
}
@media (max-width: 64em){
.wst-upload-inner{
flex-direction:column;
align-items:stretch;
gap:2rem;
padding:0;
}
.wst-upload-text,
.wst-upload-form{
flex:0 0 100%;
max-width:none;
width:100%;
}
}
@media (max-width: 48em){
.wst-upload-inner{
gap:1.25rem;
padding:0;
}
.wst-upload-form .elementor-heading-title{
font-size:1.5rem;
}
.wst-upload-form .kaya-up-btn--primary{
min-width:100%;
}
} �Ҳ '\v� B�������� �ԟ�
� z����eld input[type=\"text\"]:focus,\n.wst-upload-form .kaya-up-field input[type=\"date\"]:focus,\n.wst-upload-form .kaya-up-field select:focus{\n border-color:rgba(25,133,244,0.55);\n box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);\n background:#ffffff;\n}\n\n.wst-upload-form .kaya-up-drop{\n position:relative;\n border:2px dashed rgba(25,133,244,0.35);\n border-radius:1.1rem;\n padding:1.75rem 1.25rem;\n background:#f8fbff;\n text-align:center;\n transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;\n}\n\n.wst-upload-form .kaya-up-drop.is-drag{\n border-color:rgba(25,133,244,0.75);\n box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);\n background:#f1f7ff;\n}\n\n.wst-upload-form .kaya-up-illu{\n width:5.375rem;\n height:5.375rem;\n margin:0 auto 0.75rem;\n border-radius:1rem;\n background:rgba(25,133,244,0.10);\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.wst-upload-form .kaya-up-illu svg{\n width:2.75rem;\n height:2.75rem;\n stroke:var(--pri);\n}\n\n.wst-upload-form .kaya-up-title{\n font-size:1.125rem;\n font-weight:800;\n color:var(--txt);\n margin:0.4rem 0 0.5rem;\n}\n\n.wst-upload-form .kaya-up-or{\n display:flex;\n align-items:center;\n gap:0.625rem;\n justify-content:center;\n margin:0.625rem 0 0.875rem;\n color:var(--mut);\n font-size:0.82rem;\n}\n\n.wst-upload-form .kaya-up-or:before,\n.wst-upload-form .kaya-up-or:after{\n content:\"\";\n height:1px;\n width:5.625rem;\n background:rgba(15,35,71,0.12);\n}\n\n.wst-upload-form .kaya-up-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:3.25rem;\n padding:0 1.625rem;\n border-radius:0.95rem;\n font-weight:800;\n font-size:0.96rem;\n border:1px solid transparent;\n cursor:pointer;\n text-decoration:none !important;\n transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;\n box-shadow:none !important;\n outline:none;\n}\n\n.wst-upload-form .kaya-up-btn:active{\n transform:translateY(1px);\n}\n\n.wst-upload-form .kaya-up-btn--primary{\n background:var(--pri);\n color:#ffffff !important;\n min-width:20rem;\n box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;\n}\n\n.wst-upload-form .kaya-up-btn--primary:hover,\n.wst-upload-form .kaya-up-btn--primary:focus,\n.wst-upload-form .kaya-up-btn--primary:active{\n background:var(--pri-hover);\n color:#ffffff !important;\n}\n\n.wst-upload-form .kaya-up-btn--ghost{\n background:#ffffff;\n color:var(--txt) !important;\n border-color:#d6dee8;\n}\n\n.wst-upload-form .kaya-up-btn--ghost:hover,\n.wst-upload-form .kaya-up-btn--ghost:focus,\n.wst-upload-form .kaya-up-btn--ghost:active{\n background:#f7faff;\n color:var(--txt) !important;\n border-color:rgba(25,133,244,0.35);\n}\n\n.wst-upload-form .kaya-up-note{\n font-size:0.75rem;\n color:var(--mut);\n margin-top:0.625rem;\n}\n\n.wst-upload-form .kaya-up-filehint{\n font-size:0.82rem;\n color:var(--txt);\n margin-top:0.625rem;\n font-weight:700;\n word-break:break-word;\n}\n\n.wst-upload-form .kaya-up-filehint span{\n font-weight:600;\n color:var(--mut);\n}\n\n.wst-upload-form .kaya-up-alert{\n border-radius:0.9rem;\n padding:0.85rem 1rem;\n border:1px solid #e5d19a;\n background:#f8f1dd;\n color:#7a5c18;\n margin:0 0 0.85rem;\n}\n\n.wst-upload-form .kaya-up-alert--ok{\n border-color:rgba(34,197,94,0.22);\n background:rgba(34,197,94,0.08);\n color:#166534;\n}\n\n.wst-upload-form .kaya-up-alert--err{\n border-color:rgba(239,68,68,0.22);\n background:rgba(239,68,68,0.08);\n color:#991b1b;\n}\n\n.wst-upload-form .kaya-up-alert--warn{\n border-color:#e5d19a;\n background:#f8f1dd;\n color:#7a5c18;\n}\n\n.wst-upload-form .kaya-up-small{\n font-size:0.75rem;\n color:#7d8da1;\n margin-top:0.4rem;\n word-break:break-all;\n}\n\n.wst-upload-form .kaya-up-debug{\n margin-top:0.625rem;\n padding:0.75rem;\n border-radius:0.75rem;\n border:1px dashed #d6dee8;\n background:#f8fafc;\n font-size:0.75rem;\n color:var(--txt);\n}\n\n.wst-upload-form .kaya-up-debug pre{\n margin:0.5rem 0 0;\n white-space:pre-wrap;\n}\n\n.wst-upload-form .kaya-up-field select{\n min-height:3.2rem;\n padding:0.9rem 3rem 0.9rem 1rem;\n border:1px solid #d6dee8;\n border-radius:0.95rem;\n background-color:#f3f5f7;\n color:#0f2347;\n font-size:0.95rem;\n font-weight:600;\n line-height:1.2;\n outline:none;\n cursor:pointer;\n appearance:none;\n -webkit-appearance:none;\n -moz-appearance:none;\n box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);\n transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n background-repeat:no-repeat;\n background-position:right 1rem center;\n background-size:1rem;\n}\n\n.wst-upload-form .kaya-up-field select:hover{\n background-color:#ffffff;\n border-color:rgba(25,133,244,0.35);\n}\n\n.wst-upload-form .kaya-up-field select:focus{\n background-color:#ffffff;\n border-color:#1985f4;\n box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);\n}\n\n.wst-upload-form .kaya-up-field select:required:invalid{\n color:#8a98aa;\n font-weight:500;\n}\n\n.wst-upload-form .kaya-up-field select option{\n background:#ffffff;\n color:#0f2347;\n font-weight:500;\n}\n\n.wst-upload-form .kaya-up-field select option[value=\"\"],\n.wst-upload-form .kaya-up-field select option[disabled]{\n color:#8a98aa;\n}\n\n.wst-upload-form .kaya-up-field select optgroup{\n background:#f8fafc;\n color:#1985f4;\n font-style:normal;\n font-weight:700;\n}\n\n.wst-upload-form .kaya-up-field select::-ms-expand{\n display:none;\n}\n\n@media (max-width: 64em){\n .wst-upload-inner{\n flex-direction:column;\n align-items:stretch;\n gap:2rem;\n padding:0;\n }\n\n .wst-upload-text,\n .wst-upload-form{\n flex:0 0 100%;\n max-width:none;\n width:100%;\n }\n}\n\n@media (max-width: 48em){\n .wst-upload-inner{\n gap:1.25rem;\n padding:0;\n }\n\n .wst-upload-form .elementor-heading-title{\n font-size:1.5rem;\n }\n\n .wst-upload-form .kaya-up-btn--primary{\n min-width:100%;\n }\n}",
"type": "custom_css",
"user_id": 1,
"date_modified_gmt": "2026-04-06 06:30:53"
}
} �ԟ��]� C�������� ���'
� ?� G/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:360mm;
height:240mm;
background:#fff;
box-sizing:border-box;
padding:12mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
transform-origin:top left;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:192mm;
min-width:192mm;
max-width:192mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:6mm;
}
.kaya-webstation-print-right{
width:144mm;
min-width:144mm;
max-width:144mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:20.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 4.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:15.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.8mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:18mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-print-contact{
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 2.1mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-email{
position:absolute;
left:12mm;
top:189mm;
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:174mm !important;
max-width:174mm !important;
height:auto !important;
max-height:174mm !important;
display:block;
}
.wst-upload-hero{
position:relative;
overflow:hidden;
background:#eef3f8;
}
.wst-upload-inner{
width:100%;
max-width:none;
margin:0;
display:flex;
align-items:center;
justify-content:space-between;
gap:3rem;
padding:0;
}
.wst-upload-text{
flex:0 0 41%;
max-width:34rem;
border:1px solid rgba(255,255,255,0.45);
border-left:0.25rem solid #1985f4;
border-radius:1rem;
background:rgba(255,255,255,0.38);
backdrop-filter:blur(0.8rem);
-webkit-backdrop-filter:blur(0.8rem);
box-shadow:0 1rem 2.5rem rgba(15,35,71,0.08);
}
.wst-upload-text .elementor-heading-title{
color:#0d2346;
text-shadow:none;
font-weight:800;
}
.wst-upload-text .elementor-widget-text-editor,
.wst-upload-text .elementor-widget-text-editor p{
color:#5e738d;
text-shadow:none;
line-height:1.8;
}
.wst-upload-text .elementor-icon-list-text{
color:#36506f;
}
.wst-upload-text .elementor-icon-list-icon i,
.wst-upload-text .elementor-icon-list-icon svg{
color:#1985f4;
fill:#1985f4;
}
.wst-upload-form{
flex:0 0 59%;
max-width:39rem;
width:100%;
margin-left:auto;
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
}
.wst-upload-form > .e-con-inner,
.wst-upload-form > .elementor-widget-wrap{
gap:1rem;
}
.wst-upload-form .elementor-widget-heading{
margin-bottom:0;
}
.wst-upload-form .elementor-heading-title{
color:#0d2346;
font-size:1.9rem;
line-height:1.2;
}
/* light theme for the uploader card inside this section */
.wst-upload-form .kaya-up{
--pri:#1985f4;
--pri-hover:#0f74db;
--txt:#0f2347;
--mut:#5f7188;
--bd:#d6dee8;
--bg:#ffffff;
--panel:#f8fafc;
--panel-soft:#f3f5f7;
}
.wst-upload-form .kaya-up-shell{
max-width:100%;
}
.wst-upload-form .kaya-up-card{
background:var(--bg);
border:1px solid #48576d;
border-radius:1.35rem;
box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);
padding:1.5rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-field label{
color:#50647c;
}
.wst-upload-form .kaya-up-field input[type="text"],
.wst-upload-form .kaya-up-field input[type="date"],
.wst-upload-form .kaya-up-field select{
width:100%;
min-height:3.1rem;
border:1px solid var(--bd);
border-radius:0.95rem;
padding:0.9rem 1rem;
font-size:0.95rem;
outline:none;
background:var(--panel-soft);
color:var(--txt);
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.wst-upload-form .kaya-up-field input[type="text"]::placeholder,
.wst-upload-form .kaya-up-field input[type="date"]::placeholder{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field input[type="text"]:focus,
.wst-upload-form .kaya-up-field input[type="date"]:focus,
.wst-upload-form .kaya-up-field select:focus{
border-color:rgba(25,133,244,0.55);
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
background:#ffffff;
}
.wst-upload-form .kaya-up-drop{
position:relative;
border:2px dashed rgba(25,133,244,0.35);
border-radius:1.1rem;
padding:1.75rem 1.25rem;
background:#f8fbff;
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;
}
.wst-upload-form .kaya-up-drop.is-drag{
border-color:rgba(25,133,244,0.75);
box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);
background:#f1f7ff;
}
.wst-upload-form .kaya-up-illu{
width:5.375rem;
height:5.375rem;
margin:0 auto 0.75rem;
border-radius:1rem;
background:rgba(25,133,244,0.10);
display:flex;
align-items:center;
justify-content:center;
}
.wst-upload-form .ka���'�{� D�������� ��U�
� U����load-form .kaya-up-illu svg{
width:2.75rem;
height:2.75rem;
stroke:var(--pri);
}
.wst-upload-form .kaya-up-title{
font-size:1.125rem;
font-weight:800;
color:var(--txt);
margin:0.4rem 0 0.5rem;
}
.wst-upload-form .kaya-up-or{
display:flex;
align-items:center;
gap:0.625rem;
justify-content:center;
margin:0.625rem 0 0.875rem;
color:var(--mut);
font-size:0.82rem;
}
.wst-upload-form .kaya-up-or:before,
.wst-upload-form .kaya-up-or:after{
content:"";
height:1px;
width:5.625rem;
background:rgba(15,35,71,0.12);
}
.wst-upload-form .kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:3.25rem;
padding:0 1.625rem;
border-radius:0.95rem;
font-weight:800;
font-size:0.96rem;
border:1px solid transparent;
cursor:pointer;
text-decoration:none !important;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
box-shadow:none !important;
outline:none;
}
.wst-upload-form .kaya-up-btn:active{
transform:translateY(1px);
}
.wst-upload-form .kaya-up-btn--primary{
background:var(--pri);
color:#ffffff !important;
min-width:20rem;
box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;
}
.wst-upload-form .kaya-up-btn--primary:hover,
.wst-upload-form .kaya-up-btn--primary:focus,
.wst-upload-form .kaya-up-btn--primary:active{
background:var(--pri-hover);
color:#ffffff !important;
}
.wst-upload-form .kaya-up-btn--ghost{
background:#ffffff;
color:var(--txt) !important;
border-color:#d6dee8;
}
.wst-upload-form .kaya-up-btn--ghost:hover,
.wst-upload-form .kaya-up-btn--ghost:focus,
.wst-upload-form .kaya-up-btn--ghost:active{
background:#f7faff;
color:var(--txt) !important;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-note{
font-size:0.75rem;
color:var(--mut);
margin-top:0.625rem;
}
.wst-upload-form .kaya-up-filehint{
font-size:0.82rem;
color:var(--txt);
margin-top:0.625rem;
font-weight:700;
word-break:break-word;
}
.wst-upload-form .kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.wst-upload-form .kaya-up-alert{
border-radius:0.9rem;
padding:0.85rem 1rem;
border:1px solid #e5d19a;
background:#f8f1dd;
color:#7a5c18;
margin:0 0 0.85rem;
}
.wst-upload-form .kaya-up-alert--ok{
border-color:rgba(34,197,94,0.22);
background:rgba(34,197,94,0.08);
color:#166534;
}
.wst-upload-form .kaya-up-alert--err{
border-color:rgba(239,68,68,0.22);
background:rgba(239,68,68,0.08);
color:#991b1b;
}
.wst-upload-form .kaya-up-alert--warn{
border-color:#e5d19a;
background:#f8f1dd;
color:#7a5c18;
}
.wst-upload-form .kaya-up-small{
font-size:0.75rem;
color:#7d8da1;
margin-top:0.4rem;
word-break:break-all;
}
.wst-upload-form .kaya-up-debug{
margin-top:0.625rem;
padding:0.75rem;
border-radius:0.75rem;
border:1px dashed #d6dee8;
background:#f8fafc;
font-size:0.75rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-debug pre{
margin:0.5rem 0 0;
white-space:pre-wrap;
}
.wst-upload-form .kaya-up-field select{
min-height:3.2rem;
padding:0.9rem 3rem 0.9rem 1rem;
border:1px solid #d6dee8;
border-radius:0.95rem;
background-color:#f3f5f7;
color:#0f2347;
font-size:0.95rem;
font-weight:600;
line-height:1.2;
outline:none;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 1rem center;
background-size:1rem;
}
.wst-upload-form .kaya-up-field select:hover{
background-color:#ffffff;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-field select:focus{
background-color:#ffffff;
border-color:#1985f4;
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
}
.wst-upload-form .kaya-up-field select:required:invalid{
color:#8a98aa;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option{
background:#ffffff;
color:#0f2347;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option[value=""],
.wst-upload-form .kaya-up-field select option[disabled]{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field select optgroup{
background:#f8fafc;
color:#1985f4;
font-style:normal;
font-weight:700;
}
.wst-upload-form .kaya-up-field select::-ms-expand{
display:none;
}
@media (max-width: 64em){
.wst-upload-inner{
flex-direction:column;
align-items:stretch;
gap:2rem;
padding:0;
}
.wst-upload-text,
.wst-upload-form{
flex:0 0 100%;
max-width:none;
width:100%;
}
}
@media (max-width: 48em){
.wst-upload-inner{
gap:1.25rem;
padding:0;
}
.wst-upload-form .elementor-heading-title{
font-size:1.5rem;
}
.wst-upload-form .kaya-up-btn--primary{
min-width:100%;
}
} ��U���� E�������� �֗�
� ?� F/* ===== Certificate Post Layout ===== */
.kaya-inv-page{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
margin:18px 0;
}
@media (max-width:900px){
.kaya-inv-page{
grid-template-columns:1fr;
}
}
.kaya-inv-viewer{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:12px;
overflow:hidden;
min-width:0;
}
.kaya-inv-qr{
border:1px solid rgba(226,232,240,1);
border-radius:16px;
background:#fff;
padding:14px;
}
.kaya-inv-qrbox{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:10px;
padding:12px;
border-radius:14px;
background:#f8fafc;
border:1px dashed rgba(226,232,240,1);
}
.kaya-inv-qrbox img{
width:100%;
max-width:240px;
height:auto;
}
.kaya-inv-qrbox .aligncenter{
display:flex;
justify-content:center;
}
.kaya-inv-meta{
margin-top:12px;
padding:12px;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
background:#fff;
}
.kaya-inv-label{
font-size:12px;
color:#64748b;
font-weight:800;
margin:0 0 6px;
text-transform:uppercase;
letter-spacing:.04em;
}
.kaya-inv-url,
.kaya-inv-text{
font-size:13px;
line-height:1.55;
word-break:break-all;
color:#0f172a;
}
/* Make PDF viewer responsive */
.kaya-invoice-post canvas.pdf-canvas{
width:100% !important;
height:auto !important;
display:block !important;
}
.kaya-invoice-post .pdf-viewer{
width:100% !important;
max-width:100% !important;
}
/* ===== Webstation QR Card (visible on page) ===== */
.kaya-webstation-qr{
text-align:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:22px 18px;
max-width:320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
}
.kaya-webstation-company{
font-size:20px;
font-weight:800;
line-height:1.35;
color:#111827;
text-align:center;
}
.kaya-webstation-phone-main{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:2px;
}
.kaya-webstation-contact{
font-size:13px;
line-height:1.6;
color:#374151;
text-align:center;
}
.kaya-webstation-customer{
font-size:18px;
font-weight:700;
line-height:1.4;
color:#111827;
text-align:center;
margin-top:12px;
word-break:break-word;
}
/* ===== QR Download Block (shared container) ===== */
.kaya-qr-download-wrap{
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
max-width:320px;
width:100%;
margin:0 auto;
}
.kaya-qr-download-inner{
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:#fff;
}
.kaya-qr-download-inner img{
max-width:220px;
width:100%;
height:auto;
}
.kaya-qr-download-actions{
margin-top:12px;
display:flex;
justify-content:center;
}
.kaya-download-qr-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:50px !important;
padding:14px 18px !important;
margin:0 !important;
border:none !important;
border-radius:14px !important;
background:#24588f !important;
color:#ffffff !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.2 !important;
text-align:center !important;
text-decoration:none !important;
box-shadow:none !important;
cursor:pointer !important;
appearance:none !important;
-webkit-appearance:none !important;
}
.kaya-download-qr-btn:hover,
.kaya-download-qr-btn:focus,
.kaya-download-qr-btn:active{
background:#1d4a78 !important;
color:#ffffff !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
.kaya-download-qr-btn br{
display:none !important;
}
/* ===== Uploader UI ===== */
.kaya-up{
--pri:#0082ff;
--txt:#0f172a;
--mut:#6b7280;
--bd:#dbe3f0;
--bg:#f5f8ff;
}
.kaya-up *{
box-sizing:border-box;
}
.kaya-up-shell{
max-width:820px;
margin:0 auto;
}
.kaya-up-card{
background:#fff;
border-radius:18px;
box-shadow:0 20px 60px rgba(2,6,23,.10);
padding:22px;
}
.kaya-up-top{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:14px;
}
@media(max-width:767px){
.kaya-up-shell{
padding:0 14px;
}
.kaya-up-top{
grid-template-columns:1fr;
}
.kaya-up-btn--primary{
min-width:100% !important;
}
.kaya-up-or:before,
.kaya-up-or:after{
width:60px;
}
}
.kaya-up-field label{
display:block;
font-size:12px;
color:var(--mut);
font-weight:800;
margin:0 0 6px;
}
.kaya-up-field input[type="text"],
.kaya-up-field input[type="date"],
.kaya-up-field select{
width:100%;
border:1px solid rgba(226,232,240,1);
border-radius:12px;
padding:12px 12px;
font-size:14px;
outline:none;
background:#fff;
}
.kaya-up-field input[type="text"]:focus,
.kaya-up-field input[type="date"]:focus,
.kaya-up-field select:focus{
border-color:rgba(0,130,255,.55);
box-shadow:0 0 0 4px rgba(0,130,255,.12);
}
.kaya-up-drop{
position:relative;
border:2px dashed rgba(0,130,255,.35);
border-radius:16px;
padding:26px 18px;
background:linear-gradient(180deg, rgba(245,248,255,.9), #fff);
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease;
}
.kaya-up-drop.is-drag{
border-color:rgba(0,130,255,.75);
box-shadow:0 0 0 6px rgba(0,130,255,.10);
}
.kaya-up-illu{
width:86px;
height:86px;
margin:0 auto 12px;
border-radius:18px;
background:rgba(0,130,255,.10);
display:flex;
align-items:center;
justify-content:center;
}
.kaya-up-illu svg{
width:44px;
height:44px;
stroke:var(--pri);
}
.kaya-up-title{
font-size:18px;
font-weight:800;
color:var(--txt);
margin:6px 0 8px;
}
.kaya-up-or{
display:flex;
align-items:center;
gap:10px;
justify-content:center;
margin:10px 0 14px;
color:var(--mut);
font-size:13px;
}
.kaya-up-or:before,
.kaya-up-or:after{
content:"";
height:1px;
width:90px;
background:rgba(100,116,139,.25);
}
.kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:52px;
padding:0 26px;
border-radius:12px;
font-weight:900;
font-size:15px;
border:1px solid transparent;
cursor:pointer;
text-decoration:none;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.kaya-up-btn:active{
transform:translateY(1px);
}
.kaya-up-btn--primary{
background:var(--pri);
color:#fff;
min-width:320px;
box-shadow:0 14px 30px rgba(0,130,255,.22);
}
.kaya-up-btn--primary:hover{
background:#0a6fe0;
}
.kaya-up-btn--ghost{
background:#fff;
color:#0f172a;
border-color:rgba(226,232,240,1);
}
.kaya-up-note{
font-size:12px;
color:var(--mut);
margin-top:10px;
}
.kaya-up-filehint{
font-size:13px;
color:var(--txt);
margin-top:10px;
font-weight:700;
word-break:break-word;
}
.kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.kaya-up input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.kaya-up-alert{
border-radius:14px;
padding:12px 14px;
border:1px solid rgba(226,232,240,1);
background:#fff;
color:var(--txt);
margin:0 0 12px;
}
.kaya-up-alert--ok{
border-color:rgba(34,197,94,.35);
background:#f0fdf4;
}
.kaya-up-alert--err{
border-color:rgba(239,68,68,.35);
background:#fff1f2;
}
.kaya-up-alert--warn{
border-color:rgba(245,158,11,.35);
background:#fffbeb;
}
.kaya-up-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kaya-up-small{
font-size:12px;
color:#64748b;
margin-top:6px;
word-break:break-all;
}
.kaya-up-debug{
margin-top:10px;
padding:10px;
border-radius:12px;
border:1px dashed rgba(226,232,240,1);
background:#f8fafc;
font-size:12px;
color:var(--txt);
}
.kaya-up-debug pre{
margin:8px 0 0;
white-space:pre-wrap;
}
/* ===== Hidden print‑optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Compact Version ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:60mm;
height:40mm;
background:#ffffff;
box-sizing:border-box;
padding:2mm;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
overflow:hidden;
border:0;
border-radius:0;
}
.kaya-webstation-print-company{
font-size:3.4mm;
line-height:1;
font-weight:900;
color:#111827;
margin:-3mm 0 0 0!important;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:3mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.8mm 0 0.8mm 0; /* space below company, above TEL */
text-align:center;
}
.kaya-webstation-print-contact{
font-size:1.7mm;
line-height:1;
color:#4b5563;
margin:0.8mm 0 0 0;
text-align:center;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:2.5mm;
line-height:1;
font-weight:900;
color:#111827;
margin:0.4mm 0 0 0;
/* smaller top, more bottom so QR goes down */
text-align:center;
white-space:wrap
}
.kaya-webstation-print .kaya-qr-download-inner{
width:auto;
background:#fff;
display:flex;
justify-content:center;
align-items:center;
margin-top:1mm; /* pushes QR lower */
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:20mm !important;
max-width:20mm !important;
height:auto;
display:block;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno {
font-size: 2.5mm;
color:#111827;
font-weight: 900;
letter-spacing: 0.3px;
margin:0 0 0.4mm 0;
}
/* ===== Hidden print-optimised template (used for download) ===== */
/* ===== 60mm x 40mm - Left Text / Right QR Layout ===== */
.kaya-qr-print-template{
position:fixed;
left:-10000px;
top:0;
z-index:-1;
opacity:1;
pointer-events:none;
}
.kaya-webstation-print{
width:360mm;
height:240mm;
background:#fff;
box-sizing:border-box;
padding:12mm;
overflow:hidden;
border:0;
border-radius:0;
font-family:Arial, Helvetica, sans-serif;
color:#111827;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
transform-origin:top left;
}
.kaya-webstation-print-top{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex:1;
min-height:0;
}
.kaya-webstation-print-left{
width:192mm;
min-width:192mm;
max-width:192mm;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
box-sizing:border-box;
padding-right:6mm;
}
.kaya-webstation-print-right{
width:144mm;
min-width:144mm;
max-width:144mm;
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* top title */
.kaya-webstation-print-company{
font-size:20.4mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 4.8mm 0 !important;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-branch{
font-size:15.6mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.8mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-phone{
font-size:18mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:nowrap;
}
.kaya-webstation-print-customer{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-docno,
.kaya-webstation-print-docno{
font-size:15mm;
line-height:1.05;
font-weight:900;
color:#111827;
margin:0 0 7.2mm 0;
text-align:left;
white-space:normal;
word-break:break-word;
letter-spacing:1.2px;
}
.kaya-webstation-print-contact{
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
margin:0 0 2.1mm 0;
text-align:left;
white-space:normal;
}
.kaya-webstation-print-email{
position:absolute;
left:12mm;
top:189mm;
font-size:15mm;
line-height:1.1;
font-weight:900;
color:#111827;
text-align:left;
white-space:nowrap;
margin:0;
padding:0;
}
.kaya-webstation-print .kaya-qr-download-inner{
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:0;
background:#fff;
}
.kaya-webstation-print .kaya-qr-download-inner img{
width:174mm !important;
max-width:174mm !important;
height:auto !important;
max-height:174mm !important;
display:block;
}
.wst-upload-hero{
position:relative;
overflow:hidden;
background:#eef3f8;
}
.wst-upload-inner{
width:100%;
max-width:none;
margin:0;
display:flex;
align-items:center;
justify-content:space-between;
gap:3rem;
padding:0;
}
.wst-upload-text{
flex:0 0 41%;
max-width:34rem;
border:1px solid rgba(255,255,255,0.45);
border-left:0.25rem solid #1985f4;
border-radius:1rem;
background:rgba(255,255,255,0.38);
backdrop-filter:blur(0.8rem);
-webkit-backdrop-filter:blur(0.8rem);
box-shadow:0 1rem 2.5rem rgba(15,35,71,0.08);
}
.wst-upload-text .elementor-heading-title{
color:#0d2346;
text-shadow:none;
font-weight:800;
}
.wst-upload-text .elementor-widget-text-editor,
.wst-upload-text .elementor-widget-text-editor p{
color:#5e738d;
text-shadow:none;
line-height:1.8;
}
.wst-upload-text .elementor-icon-list-text{
color:#36506f;
}
.wst-upload-text .elementor-icon-list-icon i,
.wst-upload-text .elementor-icon-list-icon svg{
color:#1985f4;
fill:#1985f4;
}
.wst-upload-form{
flex:0 0 59%;
max-width:39rem;
width:100%;
margin-left:auto;
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
}
.wst-upload-form > .e-con-inner,
.wst-upload-form > .elementor-widget-wrap{
gap:1rem;
}
.wst-upload-form .elementor-widget-heading{
margin-bottom:0;
}
.wst-upload-form .elementor-heading-title{
color:#0d2346;
font-size:1.9rem;
line-height:1.2;
}
/* light theme for the uploader card inside this section */
.wst-upload-form .kaya-up{
--pri:#1985f4;
--pri-hover:#0f74db;
--txt:#0f2347;
--mut:#5f7188;
--bd:#d6dee8;
--bg:#ffffff;
--panel:#f8fafc;
--panel-soft:#f3f5f7;
}
.wst-upload-form .kaya-up-shell{
max-width:100%;
}
.wst-upload-form .kaya-up-card{
background:var(--bg);
border:1px solid #48576d;
border-radius:1.35rem;
box-shadow:0 1.25rem 3rem rgba(15,35,71,0.08);
padding:1.5rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-field label{
color:#50647c;
}
.wst-upload-form .kaya-up-field input[type="text"],
.wst-upload-form .kaya-up-field input[type="date"],
.wst-upload-form .kaya-up-field select{
width:100%;
min-height:3.1rem;
border:1px solid var(--bd);
border-radius:0.95rem;
padding:0.9rem 1rem;
font-size:0.95rem;
outline:none;
background:var(--panel-soft);
color:var(--txt);
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.wst-upload-form .kaya-up-field input[type="text"]::placeholder,
.wst-upload-form .kaya-up-field input[type="date"]::placeholder{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field input[type="text"]:focus,
.wst-upload-form .kaya-up-field input[type="date"]:focus,
.wst-upload-form .kaya-up-field select:focus{
border-color:rgba(25,133,244,0.55);
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
background:#ffffff;
}
.wst-upload-form .kaya-up-drop{
position:relative;
border:2px dashed rgba(25,133,244,0.35);
border-radius:1.1rem;
padding:1.75rem 1.25rem;
background:#f8fbff;
text-align:center;
transition:box-shadow .15s ease, border-color .15s ease, transform .08s ease, background .15s ease;
}
.wst-upload-form .kaya-up-drop.is-drag{
border-color:rgba(25,133,244,0.75);
box-shadow:0 0 0 0.35rem rgba(25,133,244,0.10);
background:#f1f7ff;
}
.wst-upload-form .kaya-up-illu{
width:5.375rem;
height:5.375rem;
margin:0 auto 0.75rem;
border-radius:1rem;
background:rgba(25,133,244,0.10);
display:flex;
align-items:center;
justify-content:center;
}
.wst-upload-form .ka�֗��h. F�������� �֗�
� H����ya-up-illu svg{
width:2.75rem;
height:2.75rem;
stroke:var(--pri);
}
.wst-upload-form .kaya-up-title{
font-size:1.125rem;
font-weight:800;
color:var(--txt);
margin:0.4rem 0 0.5rem;
}
.wst-upload-form .kaya-up-or{
display:flex;
align-items:center;
gap:0.625rem;
justify-content:center;
margin:0.625rem 0 0.875rem;
color:var(--mut);
font-size:0.82rem;
}
.wst-upload-form .kaya-up-or:before,
.wst-upload-form .kaya-up-or:after{
content:"";
height:1px;
width:5.625rem;
background:rgba(15,35,71,0.12);
}
.wst-upload-form .kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:3.25rem;
padding:0 1.625rem;
border-radius:0.95rem;
font-weight:800;
font-size:0.96rem;
border:1px solid transparent;
cursor:pointer;
text-decoration:none !important;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
box-shadow:none !important;
outline:none;
}
.wst-upload-form .kaya-up-btn:active{
transform:translateY(1px);
}
.wst-upload-form .kaya-up-btn--primary{
background:var(--pri);
color:#ffffff !important;
min-width:20rem;
box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;
}
.wst-upload-form .kaya-up-btn--primary:hover,
.wst-upload-form .kaya-up-btn--primary:focus,
.wst-upload-form .kaya-up-btn--primary:active{
background:var(--pri-hover);
color:#ffffff !important;
}
.wst-upload-form .kaya-up-btn--ghost{
background:#ffffff;
color:var(--txt) !important;
border-color:#d6dee8;
}
.wst-upload-form .kaya-up-btn--ghost:hover,
.wst-upload-form .kaya-up-btn--ghost:focus,
.wst-upload-form .kaya-up-btn--ghost:active{
background:#f7faff;
color:var(--txt) !important;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-note{
font-size:0.75rem;
color:var(--mut);
margin-top:0.625rem;
}
.wst-upload-form .kaya-up-filehint{
font-size:0.82rem;
color:var(--txt);
margin-top:0.625rem;
font-weight:700;
word-break:break-word;
}
.wst-upload-form .kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.wst-upload-form .kaya-up-alert{
border-radius:0.9rem;
padding:0.85rem 1rem;
border:1px solid #e5d19a;
background:#f8f1dd;
color:#7a5c18;
margin:0 0 0.85rem;
}
.wst-upload-form .kaya-up-alert--ok{
border-color:rgba(34,197,94,0.22);
background:rgba(34,197,94,0.08);
color:#166534;
}
.wst-upload-form .kaya-up-alert--err{
border-color:rgba(239,68,68,0.22);
background:rgba(239,68,68,0.08);
color:#991b1b;
}
.wst-upload-form .kaya-up-alert--warn{
border-color:#e5d19a;
background:#f8f1dd;
color:#7a5c18;
}
.wst-upload-form .kaya-up-small{
font-size:0.75rem;
color:#7d8da1;
margin-top:0.4rem;
word-break:break-all;
}
.wst-upload-form .kaya-up-debug{
margin-top:0.625rem;
padding:0.75rem;
border-radius:0.75rem;
border:1px dashed #d6dee8;
background:#f8fafc;
font-size:0.75rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-debug pre{
margin:0.5rem 0 0;
white-space:pre-wrap;
}
.wst-upload-form .kaya-up-field select{
min-height:3.2rem;
padding:0.9rem 3rem 0.9rem 1rem;
border:1px solid #d6dee8;
border-radius:0.95rem;
background-color:#f3f5f7;
color:#0f2347;
font-size:0.95rem;
font-weight:600;
line-height:1.2;
outline:none;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 1rem center;
background-size:1rem;
}
.wst-upload-form .kaya-up-field select:hover{
background-color:#ffffff;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-field select:focus{
background-color:#ffffff;
border-color:#1985f4;
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
}
.wst-upload-form .kaya-up-field select:required:invalid{
color:#8a98aa;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option{
background:#ffffff;
color:#0f2347;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option[value=""],
.wst-upload-form .kaya-up-field select option[disabled]{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field select optgroup{
background:#f8fafc;
color:#1985f4;
font-style:normal;
font-weight:700;
}
.wst-upload-form .kaya-up-field select::-ms-expand{
display:none;
}
@media (max-width: 64em){
.wst-upload-inner{
flex-direction:column;
align-items:stretch;
gap:2rem;
padding:0;
}
.wst-upload-text,
.wst-upload-form{
flex:0 0 100%;
max-width:none;
width:100%;
}
}
@media (max-width: 48em){
.wst-upload-inner{
gap:1.25rem;
padding:0;
}
.wst-upload-form .elementor-heading-title{
font-size:1.5rem;
}
.wst-upload-form .kaya-up-btn--primary{
min-width:100%;
}
} �֗���w G�������� ���'
� H����ya-up-illu svg{
width:2.75rem;
height:2.75rem;
stroke:var(--pri);
}
.wst-upload-form .kaya-up-title{
font-size:1.125rem;
font-weight:800;
color:var(--txt);
margin:0.4rem 0 0.5rem;
}
.wst-upload-form .kaya-up-or{
display:flex;
align-items:center;
gap:0.625rem;
justify-content:center;
margin:0.625rem 0 0.875rem;
color:var(--mut);
font-size:0.82rem;
}
.wst-upload-form .kaya-up-or:before,
.wst-upload-form .kaya-up-or:after{
content:"";
height:1px;
width:5.625rem;
background:rgba(15,35,71,0.12);
}
.wst-upload-form .kaya-up-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:3.25rem;
padding:0 1.625rem;
border-radius:0.95rem;
font-weight:800;
font-size:0.96rem;
border:1px solid transparent;
cursor:pointer;
text-decoration:none !important;
transition:transform .08s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
box-shadow:none !important;
outline:none;
}
.wst-upload-form .kaya-up-btn:active{
transform:translateY(1px);
}
.wst-upload-form .kaya-up-btn--primary{
background:var(--pri);
color:#ffffff !important;
min-width:20rem;
box-shadow:0 1rem 2rem rgba(25,133,244,0.22) !important;
}
.wst-upload-form .kaya-up-btn--primary:hover,
.wst-upload-form .kaya-up-btn--primary:focus,
.wst-upload-form .kaya-up-btn--primary:active{
background:var(--pri-hover);
color:#ffffff !important;
}
.wst-upload-form .kaya-up-btn--ghost{
background:#ffffff;
color:var(--txt) !important;
border-color:#d6dee8;
}
.wst-upload-form .kaya-up-btn--ghost:hover,
.wst-upload-form .kaya-up-btn--ghost:focus,
.wst-upload-form .kaya-up-btn--ghost:active{
background:#f7faff;
color:var(--txt) !important;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-note{
font-size:0.75rem;
color:var(--mut);
margin-top:0.625rem;
}
.wst-upload-form .kaya-up-filehint{
font-size:0.82rem;
color:var(--txt);
margin-top:0.625rem;
font-weight:700;
word-break:break-word;
}
.wst-upload-form .kaya-up-filehint span{
font-weight:600;
color:var(--mut);
}
.wst-upload-form .kaya-up-alert{
border-radius:0.9rem;
padding:0.85rem 1rem;
border:1px solid #e5d19a;
background:#f8f1dd;
color:#7a5c18;
margin:0 0 0.85rem;
}
.wst-upload-form .kaya-up-alert--ok{
border-color:rgba(34,197,94,0.22);
background:rgba(34,197,94,0.08);
color:#166534;
}
.wst-upload-form .kaya-up-alert--err{
border-color:rgba(239,68,68,0.22);
background:rgba(239,68,68,0.08);
color:#991b1b;
}
.wst-upload-form .kaya-up-alert--warn{
border-color:#e5d19a;
background:#f8f1dd;
color:#7a5c18;
}
.wst-upload-form .kaya-up-small{
font-size:0.75rem;
color:#7d8da1;
margin-top:0.4rem;
word-break:break-all;
}
.wst-upload-form .kaya-up-debug{
margin-top:0.625rem;
padding:0.75rem;
border-radius:0.75rem;
border:1px dashed #d6dee8;
background:#f8fafc;
font-size:0.75rem;
color:var(--txt);
}
.wst-upload-form .kaya-up-debug pre{
margin:0.5rem 0 0;
white-space:pre-wrap;
}
.wst-upload-form .kaya-up-field select{
min-height:3.2rem;
padding:0.9rem 3rem 0.9rem 1rem;
border:1px solid #d6dee8;
border-radius:0.95rem;
background-color:#f3f5f7;
color:#0f2347;
font-size:0.95rem;
font-weight:600;
line-height:1.2;
outline:none;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%231985F4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 1rem center;
background-size:1rem;
}
.wst-upload-form .kaya-up-field select:hover{
background-color:#ffffff;
border-color:rgba(25,133,244,0.35);
}
.wst-upload-form .kaya-up-field select:focus{
background-color:#ffffff;
border-color:#1985f4;
box-shadow:0 0 0 0.24rem rgba(25,133,244,0.12);
}
.wst-upload-form .kaya-up-field select:required:invalid{
color:#8a98aa;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option{
background:#ffffff;
color:#0f2347;
font-weight:500;
}
.wst-upload-form .kaya-up-field select option[value=""],
.wst-upload-form .kaya-up-field select option[disabled]{
color:#8a98aa;
}
.wst-upload-form .kaya-up-field select optgroup{
background:#f8fafc;
color:#1985f4;
font-style:normal;
font-weight:700;
}
.wst-upload-form .kaya-up-field select::-ms-expand{
display:none;
}
@media (max-width: 64em){
.wst-upload-inner{
flex-direction:column;
align-items:stretch;
gap:2rem;
padding:0;
}
.wst-upload-text,
.wst-upload-form{
flex:0 0 100%;
max-width:none;
width:100%;
}
}
@media (max-width: 48em){
.wst-upload-inner{
gap:1.25rem;
padding:0;
}
.wst-upload-form .elementor-heading-title{
font-size:1.5rem;
}
.wst-upload-form .kaya-up-btn--primary{
min-width:100%;
}
} ���'��e H I ����E� � =� 8� B )infimum supremum $ =�
� � � ���j����j�Invoice Upload <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���j����j� Zhttps://invoice.webstation.my/?p=720� revision� $ � � � � ���j����j�Invoice Update <p>Update your invoice PDF and keep the page details up to date</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Replace the current PDF when needed
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Keep files organized in the same category
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���j����j� Zhttps://invoice.webstation.my/?p=721� revision� $ � � � � ���k���kInvoice Update <p>Update your invoice PDF and keep the page details up to date</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Replace the current PDF when needed
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Keep files organized in the same category
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���k���k Zhttps://invoice.webstation.my/?p=723� revision� $ � ( � � � ���k���kInvoice Update <p>Update your invoice PDF and keep the page details up to date</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Replace the current PDF when needed
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Keep files organized in the same category
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���k���k Zhttps://invoice.webstation.my/?p=724� revision� $ =� 0
� � � ���k���kInvoice Upload <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
[pdf_frontend_upload] <h2>How it works</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
<h2>Select title + category</h2>
<svg aria-hidden="true" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
<h2>Upload PDF</h2>
<svg aria-hidden="true" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 224h192V32H0v192zM64 96h64v64H64V96zm192-64v192h192V32H256zm128 128h-64V96h64v64zM0 480h192V288H0v192zm64-128h64v64H64v-64zm352-64h32v128h-96v-32h-32v96h-64V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z"></path></svg>
<h2>Get page + QR instantly</h2>UPLOAD FILEinheritclosedclosed90-revision-v1���k���k Zhttps://invoice.webstation.my/?p=725� revision� $ �� 8V � � ���kL���kL<h2>Invoice Edit</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_edit]Invoice Editinheritclosedclosed639-revision-v1���kL���kL https://invoice.webstation.my/?p=726� revision� $ �� @�� � � ���kL���kL<h2>Invoice Edit</h2> <p>Upload your invoice PDF, generate a QR, and publish a page instantly</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Auto-create a page with PDF viewer
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
QR code generated for sharing
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Organized by category folder
</li>
</ul>
<h2>Upload PDF</h2> [pdf_frontend_edit]Invoice Editinheritclosedclosed639-revision-v1���kL���kL https://invoice.webstation.my/?p=727� revision� p c����k��\ I H J �I�'E� � 5�� � B )infimum supremum $ 7� � � � ���kM���kMInvoice Update <p>Update your invoice PDF and keep the page details up to date</p> <ul>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Replace the current PDF when needed
</li>
<li>
<svg aria-hidden="true" viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"></path></svg>
Keep files organized in the same category
</li>
</ul>
[pdf_frontend_edit]Invoice Editinheritclosedclosed639-revision-v1���kM���kM https://invoice.webstation.my/?p=728� revision� >
X� � � ����ʙ���� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/y-yew-engineering-9471.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-Ah8daRuR">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">Y YEW ENGINEERING</div>
<div class="kaya-doc-qr-docno">#9471</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/y-yew-engineering-9471.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-O59R0jMH"
data-filename="9471-no-display-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">Y YEW ENGINEERING</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9471</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">no display</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/y-yew-engineering-9471.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/y-yew-engineering-9471.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-O59R0jMH">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">Y YEW ENGINEERING</div>
<div class="kaya-webstation-print-docno">#9471</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/y-yew-engineering-9471.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
no displaypublishopenopenno-display����ʙ���� https://invoice.webstation.my/index.php/2026/04/06/no-display/� post� K <� �� � � ���|����|� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/tat-seng-excavator-repairer-202604-0023-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-5Jai8yOh">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">TAT SENG EXCAVATOR REPAIRER</div>
<div class="kaya-doc-qr-docno">#202604/0023-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/tat-seng-excavator-repairer-202604-0023-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-gLkjP2rB"
data-filename="2026040023-INV-UNV-MW-LC24-E-S-MONITOR-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">TAT SENG EXCAVATOR REPAIRER</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202604/0023-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">UNV MW-LC24-E-S MONITOR</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/tat-seng-excavator-repairer-202604-0023-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/tat-seng-excavator-repairer-202604-0023-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-07</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-gLkjP2rB">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">TAT SENG EXCAVATOR REPAIRER</div>
<div class="kaya-webstation-print-docno">#202604/0023-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/tat-seng-excavator-repairer-202604-0023-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
UNV MW-LC24-E-S MONITORpublishopenopenunv-mw-lc24-e-s-monitor���|����|� https://invoice.webstation.my/index.php/2026/04/07/unv-mw-lc24-e-s-monitor/� post� p c�I�'�ț* J I K �+��E� � 1S� Z B )infimum supremum >
� � � � ����"����" <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ms-shiah-9493.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-h1jiXXOR">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">MS SHIAH</div>
<div class="kaya-doc-qr-docno">#9493</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ms-shiah-9493.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-dXmMPFKR"
data-filename="9493-NEW-LAPTOP-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">MS SHIAH</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9493</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW LAPTOP</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/ms-shiah-9493.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/ms-shiah-9493.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-07</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-dXmMPFKR">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">MS SHIAH</div>
<div class="kaya-webstation-print-docno">#9493</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ms-shiah-9493.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW LAPTOPpublishopenopennew-laptop����"����" https://invoice.webstation.my/index.php/2026/04/07/new-laptop/� post� C @� � � � ����v����v <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/tms-foods-industry-m-sdn-bhd-202604-0047-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-JfYW7ALc">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">TMS FOODS INDUSTRY (M) SDN. BHD.</div>
<div class="kaya-doc-qr-docno">#202604/0047-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/tms-foods-industry-m-sdn-bhd-202604-0047-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-hR24PF0W"
data-filename="2026040047-INV-NEW-PC-TMS-PC02-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">TMS FOODS INDUSTRY (M) SDN. BHD.</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202604/0047-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC TMS-PC02</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/tms-foods-industry-m-sdn-bhd-202604-0047-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/tms-foods-industry-m-sdn-bhd-202604-0047-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-10</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-hR24PF0W">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">TMS FOODS INDUSTRY (M) SDN. BHD.</div>
<div class="kaya-webstation-print-docno">#202604/0047-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/tms-foods-industry-m-sdn-bhd-202604-0047-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PC TMS-PC02publishopenopennew-pc-tms-pc02����v����v https://invoice.webstation.my/index.php/2026/04/10/new-pc-tms-pc02/� post� p c�+���`�� K J L �
�IE� � 1 � � B )infimum supremum C �� # � � ���Nm���Nm<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/thusen-ram-hardware-electrical-202603-0105-inv.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-qjgphXcI">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">THUSEN RAM HARDWARE & ELECTRICAL</div>
<div class="kaya-webstation-docno">202603/0105-INV</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/thusen-ram-hardware-electrical-202603-0105-inv.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-2FVGgLty">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">THUSEN RAM HARDWARE & ELECTRICAL</div>
<div class="kaya-webstation-print-docno">202603/0105-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/thusen-ram-hardware-electrical-202603-0105-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-2FVGgLty"
data-filename="2026030105-INV-MINI-POS-SYSTEM-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">THUSEN RAM HARDWARE & ELECTRICAL</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">202603/0105-INV</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">MINI POS SYSTEM</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/thusen-ram-hardware-electrical-202603-0105-inv.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-04-11</div></div></div></div>MINI POS SYSTEMpublishopenopenmini-pos-system���A'���A' https://invoice.webstation.my/index.php/2026/04/11/mini-pos-system/� post� O B� � � � ���V����V� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/thusen-ram-9452.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-kN5T4B5W">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">THUSEN RAM</div>
<div class="kaya-doc-qr-docno">#9452</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/thusen-ram-9452.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-jrXXuAwa"
data-filename="9452-INSTALL-ACCOUNTING-SOFTWARE-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">THUSEN RAM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9452</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">INSTALL ACCOUNTING SOFTWARE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/thusen-ram-9452.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/thusen-ram-9452.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-11</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-jrXXuAwa">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">THUSEN RAM</div>
<div class="kaya-webstation-print-docno">#9452</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/thusen-ram-9452.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
INSTALL ACCOUNTING SOFTWAREpublishopenopeninstall-accounting-software���V����V� https://invoice.webstation.my/index.php/2026/04/11/install-accounting-software/� post� p c�
�I)* L K M ��~E� � 9i� )% B )infimum supremum Q L� A � � ��� ���� � <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/thusen-ram-9452-1.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-dUUbUOow">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">THUSEN RAM</div>
<div class="kaya-doc-qr-docno">#9452</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/thusen-ram-9452-1.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-jmK2cOQs"
data-filename="9452-INSTALL-ACCOUNTING-SOFTWARE-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">THUSEN RAM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9452</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">INSTALL ACCOUNTING SOFTWARE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/thusen-ram-9452-1.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/thusen-ram-9452-1.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-13</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-jmK2cOQs">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">THUSEN RAM</div>
<div class="kaya-webstation-print-docno">#9452</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/thusen-ram-9452-1.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
INSTALL ACCOUNTING SOFTWAREpublishopenopeninstall-accounting-software-2��� ���� � https://invoice.webstation.my/index.php/2026/04/13/install-accounting-software-2/� post� $ �� X � � ���%���%<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/thusen-ram-hardware-electrical-202603-0105-inv.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-0RKRIR5H">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">THUSEN RAM HARDWARE & ELECTRICAL</div>
<div class="kaya-webstation-docno">202603/0105-INV</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/thusen-ram-hardware-electrical-202603-0105-inv.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-aFUxGTcN">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">THUSEN RAM HARDWARE & ELECTRICAL</div>
<div class="kaya-webstation-print-docno">202603/0105-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/thusen-ram-hardware-electrical-202603-0105-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-aFUxGTcN"
data-filename="2026030105-INV-MINI-POS-SYSTEM-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">THUSEN RAM HARDWARE & ELECTRICAL</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">202603/0105-INV</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">MINI POS SYSTEM</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/thusen-ram-hardware-electrical-202603-0105-inv.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-04-11</div></div></div></div>MINI POS SYSTEMinheritclosedclosed733-revision-v1���%���% �https://invoice.webstation.my/?p=736� revision� $ �� �K � � ���A'���A'<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/thusen-ram-hardware-electrical-202603-0105-inv.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-qjgphXcI">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">THUSEN RAM HARDWARE & ELECTRICAL</div>
<div class="kaya-webstation-docno">202603/0105-INV</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/thusen-ram-hardware-electrical-202603-0105-inv.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-2FVGgLty">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">THUSEN RAM HARDWARE & ELECTRICAL</div>
<div class="kaya-webstation-print-docno">202603/0105-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/thusen-ram-hardware-electrical-202603-0105-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-2FVGgLty"
data-filename="2026030105-INV-MINI-POS-SYSTEM-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">THUSEN RAM HARDWARE & ELECTRICAL</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">202603/0105-INV</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">MINI POS SYSTEM</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/thusen-ram-hardware-electrical-202603-0105-inv.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-04-11</div></div></div></div>MINI POS SYSTEMinheritclosedclosed733-revision-v1���A'���A' �https://invoice.webstation.my/?p=737� revision� p c��~�f[{ M L N ���uE� � 0�� � B )infimum supremum B �� Z � � ����X����X <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/new-t-s-vip-restaurant-9472.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-4iuqDW3o">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">NEW T S VIP RESTAURANT</div>
<div class="kaya-doc-qr-docno">#9472</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/new-t-s-vip-restaurant-9472.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-GYndIbDU"
data-filename="9472-UPGRADE-FORMAT-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">NEW T S VIP RESTAURANT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9472</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">UPGRADE & FORMAT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/new-t-s-vip-restaurant-9472.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/new-t-s-vip-restaurant-9472.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-15</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-GYndIbDU">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">NEW T S VIP RESTAURANT</div>
<div class="kaya-webstation-print-docno">#9472</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/new-t-s-vip-restaurant-9472.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
UPGRADE & FORMATpublishopenopenupgrade-format����X����X https://invoice.webstation.my/index.php/2026/04/15/upgrade-format/� post� : � � � � �������� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/aranda-nova-9504.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-2vH1OpWp">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">ARANDA NOVA</div>
<div class="kaya-doc-qr-docno">#9504</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/aranda-nova-9504.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-l7GxzHdp"
data-filename="9504-NEW-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">ARANDA NOVA</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9504</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/aranda-nova-9504.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/aranda-nova-9504.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-15</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-l7GxzHdp">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">ARANDA NOVA</div>
<div class="kaya-webstation-print-docno">#9504</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/aranda-nova-9504.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PCpublishopenopennew-pc�������� https://invoice.webstation.my/index.php/2026/04/15/new-pc/� post� p c���u� v N M O ݟY
E� � 9� ! B )infimum supremum M �� � � � ���$D���$D<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/new-t-s-vip-restaurant-sdn-bhd-202604-0079-inv.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-ABtvPnCL">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">NEW T S VIP RESTAURANT SDN BHD</div>
<div class="kaya-webstation-docno">202604/0079-INV</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/new-t-s-vip-restaurant-sdn-bhd-202604-0079-inv.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-CMebsIem">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">NEW T S VIP RESTAURANT SDN BHD</div>
<div class="kaya-webstation-print-docno">202604/0079-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/new-t-s-vip-restaurant-sdn-bhd-202604-0079-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-CMebsIem"
data-filename="2026040079-INV-HP-SMART-TANK-580-PRINTER-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">NEW T S VIP RESTAURANT SDN BHD</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">202604/0079-INV</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">HP SMART TANK 580 PRINTER</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/new-t-s-vip-restaurant-sdn-bhd-202604-0079-inv.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-04-17</div></div></div></div>HP SMART TANK 580 PRINTERpublishopenopenhp-smart-tank-580-printer���$b���$b https://invoice.webstation.my/index.php/2026/04/17/hp-smart-tank-580-printer/� post� $ �� d � � ���$b���$b<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/new-t-s-vip-restaurant-sdn-bhd-202604-0079-inv.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-ABtvPnCL">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">NEW T S VIP RESTAURANT SDN BHD</div>
<div class="kaya-webstation-docno">202604/0079-INV</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/new-t-s-vip-restaurant-sdn-bhd-202604-0079-inv.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-CMebsIem">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">NEW T S VIP RESTAURANT SDN BHD</div>
<div class="kaya-webstation-print-docno">202604/0079-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/new-t-s-vip-restaurant-sdn-bhd-202604-0079-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-CMebsIem"
data-filename="2026040079-INV-HP-SMART-TANK-580-PRINTER-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">NEW T S VIP RESTAURANT SDN BHD</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">202604/0079-INV</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">HP SMART TANK 580 PRINTER</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/INVOICE2/new-t-s-vip-restaurant-sdn-bhd-202604-0079-inv.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-04-17</div></div></div></div>HP SMART TANK 580 PRINTERinheritclosedclosed740-revision-v1���$b���$b �https://invoice.webstation.my/?p=741� revision� < � �� � � ����̙���� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/j-j-7288.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-DBjzUwjh">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">J & J</div>
<div class="kaya-doc-qr-docno">#7288</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/j-j-7288.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-taw0ZnGs"
data-filename="7288-NEW-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">J & J</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#7288</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/j-j-7288.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/j-j-7288.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-20</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-taw0ZnGs">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">J & J</div>
<div class="kaya-webstation-print-docno">#7288</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/j-j-7288.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PCpublishopenopennew-pc-2����̙���� https://invoice.webstation.my/index.php/2026/04/20/new-pc-2/� post� p cݟY
k��F O N P ��W�E� � ?� 0� B )infimum supremum M 6� ! � � ���"O���"O <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/dong-fatt-9524.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-D0yonpFc">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">DONG FATT</div>
<div class="kaya-doc-qr-docno">#9524</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dong-fatt-9524.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-oR3nJ6W6"
data-filename="9524-CANNOT-PRINT-PAPER-JAMMED-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">DONG FATT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9524</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">CANNOT PRINT PAPER JAMMED</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/dong-fatt-9524.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/dong-fatt-9524.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-21</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-oR3nJ6W6">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">DONG FATT</div>
<div class="kaya-webstation-print-docno">#9524</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dong-fatt-9524.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
CANNOT PRINT PAPER JAMMEDpublishopenopencannot-print-paper-jammed���"O���"O https://invoice.webstation.my/index.php/2026/04/21/cannot-print-paper-jammed/� post� @
0� � � � ����왹��� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/poon-li-kuen-9513.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-bAzcwtRm">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">POON LI KUEN</div>
<div class="kaya-doc-qr-docno">#9513</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/poon-li-kuen-9513.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-5CCmLc1J"
data-filename="9513-NEW-LAPTOP-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">POON LI KUEN</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9513</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW LAPTOP</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/poon-li-kuen-9513.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/poon-li-kuen-9513.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-21</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-5CCmLc1J">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">POON LI KUEN</div>
<div class="kaya-webstation-print-docno">#9513</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/poon-li-kuen-9513.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW LAPTOPpublishopenopennew-laptop-2����왹��� https://invoice.webstation.my/index.php/2026/04/21/new-laptop-2/� post� @
�� �� � � ���$��$�<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ipoh-diesel-9529.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-m1vcYX8h">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">Ipoh Diesel</div>
<div class="kaya-webstation-docno">#9529</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ipoh-diesel-9529.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-i3Bt6Gzq">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">Ipoh Diesel</div>
<div class="kaya-webstation-print-docno">#9529</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ipoh-diesel-9529.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-i3Bt6Gzq"
data-filename="9529-NEW-LAPTOP-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">Ipoh Diesel</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#9529</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">NEW LAPTOP</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/ipoh-diesel-9529.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-04-22</div></div></div></div>NEW LAPTOPpublishopenopennew-laptop-3���%���% https://invoice.webstation.my/index.php/2026/04/22/new-laptop-3/� post� p c��W����2 P O Q ��8�E� � 7F� '� B )infimum supremum $
�� N � � ���%���%<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ipoh-diesel-9529.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-m1vcYX8h">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">Ipoh Diesel</div>
<div class="kaya-webstation-docno">#9529</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ipoh-diesel-9529.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-i3Bt6Gzq">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">Ipoh Diesel</div>
<div class="kaya-webstation-print-docno">#9529</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ipoh-diesel-9529.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-i3Bt6Gzq"
data-filename="9529-NEW-LAPTOP-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">Ipoh Diesel</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#9529</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">NEW LAPTOP</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/ipoh-diesel-9529.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-04-22</div></div></div></div>NEW LAPTOPinheritclosedclosed745-revision-v1���%���% �https://invoice.webstation.my/?p=746� revision� E � � � � ���jK���jK <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/gaeco-9465.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-Mz5lvjV3">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">GAECO</div>
<div class="kaya-doc-qr-docno">#9465</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/gaeco-9465.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-a6DwMXyY"
data-filename="9465-Cant-Boot-Windows-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">GAECO</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9465</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">Can't Boot Windows</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/gaeco-9465.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/gaeco-9465.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-22</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-a6DwMXyY">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">GAECO</div>
<div class="kaya-webstation-print-docno">#9465</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/gaeco-9465.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
Can't Boot Windowspublishopenopencant-boot-windows���jK���jK https://invoice.webstation.my/index.php/2026/04/22/cant-boot-windows/� post� M �� ض � � ����������<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/chin-co-9514.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-Gq6PO1lp">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">CHIN & CO</div>
<div class="kaya-webstation-docno">#9514</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/chin-co-9514.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-UJIYmXK7">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">CHIN & CO</div>
<div class="kaya-webstation-print-docno">#9514</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/chin-co-9514.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-UJIYmXK7"
data-filename="9514-DOMAIN-USER-LOGIN-PROBLEM-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">CHIN & CO</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#9514</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">(DOMAIN USER LOGIN PROBLEM)</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/chin-co-9514.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-04-22</div></div></div></div>(DOMAIN USER LOGIN PROBLEM)publishopenopendomain-user-login-problem�������� https://invoice.webstation.my/index.php/2026/04/22/domain-user-login-problem/� post� p c��8��44_ Q P R ��$8E� � 0�� B )infimum supremum I �� w � � ���.ޙ��.� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/restoran-ai-phang-leng-9152.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-ADHbxCMT">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">RESTORAN AI PHANG LENG</div>
<div class="kaya-doc-qr-docno">#9152</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/restoran-ai-phang-leng-9152.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-EomORWSv"
data-filename="9152-POS-SYSTEM-SETUP-BACK-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">RESTORAN AI PHANG LENG</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9152</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">-POS SYSTEM SETUP BACK</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/restoran-ai-phang-leng-9152.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/restoran-ai-phang-leng-9152.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-24</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-EomORWSv">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">RESTORAN AI PHANG LENG</div>
<div class="kaya-webstation-print-docno">#9152</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/restoran-ai-phang-leng-9152.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
-POS SYSTEM SETUP BACKpublishopenopenpos-system-setup-back���.ޙ��.� https://invoice.webstation.my/index.php/2026/04/24/pos-system-setup-back/� post� ? � �m � � ����6����6 <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/eco-9527.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-hqvMSapC">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">ECO</div>
<div class="kaya-doc-qr-docno">#9527</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/eco-9527.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-s5QaZ2QL"
data-filename="9527-BLUE-SCREEN-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">ECO</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9527</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">BLUE SCREEN</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/eco-9527.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/eco-9527.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-24</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-s5QaZ2QL">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">ECO</div>
<div class="kaya-webstation-print-docno">#9527</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/eco-9527.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
BLUE SCREENpublishopenopenblue-screen����6����6 https://invoice.webstation.my/index.php/2026/04/24/blue-screen/� post� p c��$8�*K R Q S ���E� � ?ƀ '� B )infimum supremum $ �� u � � ��������<div class="kaya-inv-page kaya-inv-page--webstation"><div class="kaya-inv-viewer kaya-inv-viewer--qepw">[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/chin-co-9514.pdf"]</div><div class="kaya-inv-qr kaya-inv-qr--kaya"><div class="kaya-inv-qrbox">
<div class="kaya-qr-download-wrap kaya-webstation-qr" id="kaya-qr-view-Gq6PO1lp">
<div class="kaya-webstation-company">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-webstation-phone-main">1700 822 922</div>
<div class="kaya-webstation-contact">TEL: 05-2822919 FAX: 05-2811919 H/Phone: 016-550 8505</div>
<div class="kaya-webstation-contact">E-mail: sales@webstation.my</div>
<div class="kaya-webstation-customer">CHIN & CO</div>
<div class="kaya-webstation-docno">#9514</div>
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/chin-co-9514.pdf" dynamic_content="0" download_button="0" download_align="aligncenter"]
</div>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-UJIYmXK7">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">CHIN & CO</div>
<div class="kaya-webstation-print-docno">#9514</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/chin-co-9514.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"]
</div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
<div class="kaya-qr-download-actions">
<button type="button"
class="kaya-up-btn kaya-up-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-UJIYmXK7"
data-filename="9514-DOMAIN-USER-LOGIN-PROBLEM-qr.png">
Download QR Image
</button>
</div>
</div><div class="kaya-inv-meta"><div class="kaya-inv-label">Customer Name</div><div class="kaya-inv-text">CHIN & CO</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Document Number</div><div class="kaya-inv-text">#9514</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Title</div><div class="kaya-inv-text">(DOMAIN USER LOGIN PROBLEM)</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">File URL</div><div class="kaya-inv-url">https://invoice.webstation.my/FILES/CRM2/chin-co-9514.pdf</div></div><div class="kaya-inv-meta"><div class="kaya-inv-label">Created Date</div><div class="kaya-inv-text">2026-04-22</div></div></div></div>(DOMAIN USER LOGIN PROBLEM)inheritclosedclosed748-revision-v1�������� �https://invoice.webstation.my/?p=751� revision� ? � � � � ���")���") <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/farmbliss-9571.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-YaUG7xas">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">FARMBLISS</div>
<div class="kaya-doc-qr-docno">#9571</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/farmbliss-9571.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-zz3F4DB2"
data-filename="9571-SSD-PROBLEM-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">FARMBLISS</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9571</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">SSD PROBLEM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/farmbliss-9571.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/farmbliss-9571.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-04-27</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-zz3F4DB2">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">FARMBLISS</div>
<div class="kaya-webstation-print-docno">#9571</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/farmbliss-9571.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
SSD PROBLEMpublishopenopenssd-problem���")���") https://invoice.webstation.my/index.php/2026/04/27/ssd-problem/� post� < H� ؔ � � ���8љ��8� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/dunia-enterprise-9584.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-TVsHNSw3">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">DUNIA ENTERPRISE</div>
<div class="kaya-doc-qr-docno">#9584</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dunia-enterprise-9584.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-WO8Mh3EY"
data-filename="9584-NEW-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">DUNIA ENTERPRISE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9584</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/dunia-enterprise-9584.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/dunia-enterprise-9584.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-02</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-WO8Mh3EY">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">DUNIA ENTERPRISE</div>
<div class="kaya-webstation-print-docno">#9584</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dunia-enterprise-9584.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PCpublishopenopennew-pc-3���8љ��8� https://invoice.webstation.my/index.php/2026/05/02/new-pc-3/� post� p c���&�f� S R T *�E� � 0Ԁ � B )infimum supremum F `� 6 � � ��ʠZ��ʠZ <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/dunia-enterprise-9627.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-UvtmX1pD">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">DUNIA ENTERPRISE</div>
<div class="kaya-doc-qr-docno">#9627</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dunia-enterprise-9627.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-3UMsRWyq"
data-filename="9627-PRINTER-CANT-PRINT-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">DUNIA ENTERPRISE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9627</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PRINTER CANT PRINT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/dunia-enterprise-9627.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/dunia-enterprise-9627.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-05</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-3UMsRWyq">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">DUNIA ENTERPRISE</div>
<div class="kaya-webstation-print-docno">#9627</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dunia-enterprise-9627.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
PRINTER CANT PRINTpublishopenopenprinter-cant-print��ʠZ��ʠZ https://invoice.webstation.my/index.php/2026/05/05/printer-cant-print/� post� V " $ � � � � ��ʫ-��ʫ- <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/pkh-9575.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-v7Oa5ehu">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">PKH</div>
<div class="kaya-doc-qr-docno">#9575</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/pkh-9575.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-OI5vFU9M"
data-filename="9575-SERVICE-INSTALL-AUTOCOUNT-SOFTWARE-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">PKH</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9575</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">SERVICE & INSTALL AUTOCOUNT SOFTWARE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/pkh-9575.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/pkh-9575.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-05</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-OI5vFU9M">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">PKH</div>
<div class="kaya-webstation-print-docno">#9575</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/pkh-9575.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
SERVICE & INSTALL AUTOCOUNT SOFTWAREpublishopenopenservice-install-autocount-software��ʫ-��ʫ- https://invoice.webstation.my/index.php/2026/05/05/service-install-autocount-software/� post� p c*��.� T S U ���E� � 21� 7 B )infimum supremum E ؗ � � � ��ʸ���ʸ� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/dunia-enterprise-202605-0013-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-puhRcFng">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">DUNIA ENTERPRISE</div>
<div class="kaya-doc-qr-docno">#202605/0013-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/dunia-enterprise-202605-0013-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-b8xgRL4C"
data-filename="2026050013-INV-NEW-PC-DUNIA-PC01-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">DUNIA ENTERPRISE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202605/0013-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC DUNIA-PC01</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/dunia-enterprise-202605-0013-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/dunia-enterprise-202605-0013-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-05</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-b8xgRL4C">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">DUNIA ENTERPRISE</div>
<div class="kaya-webstation-print-docno">#202605/0013-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/dunia-enterprise-202605-0013-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PC DUNIA-PC01publishopenopennew-pc-dunia-pc01��ʸ���ʸ� https://invoice.webstation.my/index.php/2026/05/05/new-pc-dunia-pc01/� post� L &� �9 � � ��̠���̠� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/mykco-auto-parts-sdn-bhd-202605-0027-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-XMb8ATcv">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">MYKCO AUTO PARTS SDN BHD</div>
<div class="kaya-doc-qr-docno">#202605/0027-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/mykco-auto-parts-sdn-bhd-202605-0027-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-GxlWOvS7"
data-filename="2026050027-INV-HIKVISION-DS-UPS1000-UPS-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">MYKCO AUTO PARTS SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202605/0027-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">HIKVISION DS-UPS1000 UPS</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/mykco-auto-parts-sdn-bhd-202605-0027-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/mykco-auto-parts-sdn-bhd-202605-0027-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-GxlWOvS7">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">MYKCO AUTO PARTS SDN BHD</div>
<div class="kaya-webstation-print-docno">#202605/0027-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/mykco-auto-parts-sdn-bhd-202605-0027-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
HIKVISION DS-UPS1000 UPSpublishopenopenhikvision-ds-ups1000-ups��̠���̠� https://invoice.webstation.my/index.php/2026/05/06/hikvision-ds-ups1000-ups/� post� p c���3:� U T V W�@E� � 13� � B )infimum supremum L b� L � � ��̤i��̤i <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/pkh-enterprise-9575.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-M9ttegJh">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">PKH ENTERPRISE</div>
<div class="kaya-doc-qr-docno">#9575</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/pkh-enterprise-9575.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-SymcaMRA"
data-filename="9575-SERVICE-INSTALL-SOFTWARE-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">PKH ENTERPRISE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9575</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">SERVICE & INSTALL SOFTWARE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/pkh-enterprise-9575.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/pkh-enterprise-9575.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-SymcaMRA">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">PKH ENTERPRISE</div>
<div class="kaya-webstation-print-docno">#9575</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/pkh-enterprise-9575.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
SERVICE & INSTALL SOFTWAREpublishopenopenservice-install-software��̤i��̤i https://invoice.webstation.my/index.php/2026/05/06/service-install-software/� post� Q w� � � � ���)뙹�)� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/dong-fatt-frozen-9581.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-t79WtQKO">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">DONG FATT FROZEN</div>
<div class="kaya-doc-qr-docno">#9581</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dong-fatt-frozen-9581.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-PE6yCEJK"
data-filename="9581-PAPER-JAM-ROLLER-NOT-FUNCTION-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">DONG FATT FROZEN</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9581</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PAPER JAM, ROLLER NOT FUNCTION</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/dong-fatt-frozen-9581.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/dong-fatt-frozen-9581.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-08</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-PE6yCEJK">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">DONG FATT FROZEN</div>
<div class="kaya-webstation-print-docno">#9581</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dong-fatt-frozen-9581.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
PAPER JAM, ROLLER NOT FUNCTIONpublishopenopenpaper-jam-roller-not-function���)뙹�)� https://invoice.webstation.my/index.php/2026/05/08/paper-jam-roller-not-function/� post� p cW�@˩� V U W � �E� � 1k� � B )infimum supremum k 7 8�� � � � ��ؠ���ؠ� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/puncak-emas-infra-9652.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-Yqzl8d3K">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">PUNCAK EMAS INFRA</div>
<div class="kaya-doc-qr-docno">#9652</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/puncak-emas-infra-9652.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-knnlhIDb"
data-filename="9652-PRINTER-NO-COLOR-INK-INKPAD-NEARING-END-OF-SERVICE-LIFE-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">PUNCAK EMAS INFRA</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9652</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PRINTER NO COLOR INK, INKPAD NEARING END OF SERVICE LIFE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/puncak-emas-infra-9652.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/puncak-emas-infra-9652.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-12</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-knnlhIDb">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">PUNCAK EMAS INFRA</div>
<div class="kaya-webstation-print-docno">#9652</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/puncak-emas-infra-9652.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
PRINTER NO COLOR INK, INKPAD NEARING END OF SERVICE LIFEpublishopenopenprinter-no-color-ink-inkpad-nearing-end-of-service-life��ؠ���ؠ� https://invoice.webstation.my/index.php/2026/05/12/printer-no-color-ink-inkpad-nearing-end-of-service-life/� post� @
8� �� � � ��ڜ�ڜ� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/sun-hong-khee-9635.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-iky5mVBY">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">SUN HONG KHEE</div>
<div class="kaya-doc-qr-docno">#9635</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/sun-hong-khee-9635.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-pliPMZyx"
data-filename="9635-NO-DISPLAY-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">SUN HONG KHEE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9635</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NO DISPLAY</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/sun-hong-khee-9635.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/sun-hong-khee-9635.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-13</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-pliPMZyx">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">SUN HONG KHEE</div>
<div class="kaya-webstation-print-docno">#9635</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/sun-hong-khee-9635.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NO DISPLAYpublishopenopenno-display-2��ڜ�ڜ� https://invoice.webstation.my/index.php/2026/05/13/no-display-2/� post� p c� �Fg� W V X GZ�E� � 0P� j B )infimum supremum < (� � � � ���i,���i, <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ipoh-diamond-9656.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-uaGuyVKU">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">IPOH DIAMOND</div>
<div class="kaya-doc-qr-docno">#9656</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ipoh-diamond-9656.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-h1PdvswQ"
data-filename="9656-NEW-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">IPOH DIAMOND</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9656</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/ipoh-diamond-9656.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/ipoh-diamond-9656.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-15</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-h1PdvswQ">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">IPOH DIAMOND</div>
<div class="kaya-webstation-print-docno">#9656</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ipoh-diamond-9656.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PCpublishopenopennew-pc-4���i,���i, https://invoice.webstation.my/index.php/2026/05/15/new-pc-4/� post� @
8� � � � ��އ���އ� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/sun-hong-khee-9567.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-d7SM1C1D">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">SUN HONG KHEE</div>
<div class="kaya-doc-qr-docno">#9567</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/sun-hong-khee-9567.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-anolxOND"
data-filename="9567-Upgrade-pc-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">SUN HONG KHEE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9567</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">Upgrade pc</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/sun-hong-khee-9567.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/sun-hong-khee-9567.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-15</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-anolxOND">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">SUN HONG KHEE</div>
<div class="kaya-webstation-print-docno">#9567</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/sun-hong-khee-9567.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
Upgrade pcpublishopenopenupgrade-pc-2��އ���އ� https://invoice.webstation.my/index.php/2026/05/15/upgrade-pc-2/� post� p cGZ�#
X W Y 1E� � 2T� K B )infimum supremum I � � � � ��ޗߙ�ޗ� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/p-k-h-enterprise-202605-0072-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-eA6Co7Op">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">P.K.H ENTERPRISE</div>
<div class="kaya-doc-qr-docno">#202605/0072-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/p-k-h-enterprise-202605-0072-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-Uyo4DNml"
data-filename="2026050072-INV-EYOYO-EY-5500-SCANNER-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">P.K.H ENTERPRISE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202605/0072-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">EYOYO EY-5500 SCANNER</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/p-k-h-enterprise-202605-0072-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/p-k-h-enterprise-202605-0072-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-15</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-Uyo4DNml">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">P.K.H ENTERPRISE</div>
<div class="kaya-webstation-print-docno">#202605/0072-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/p-k-h-enterprise-202605-0072-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
EYOYO EY-5500 SCANNERpublishopenopeneyoyo-ey-5500-scanner��ޗߙ�ޗ� https://invoice.webstation.my/index.php/2026/05/15/eyoyo-ey-5500-scanner/� post� G D� �% � � ��ޝ��ޝ <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/castmech-technologies-sdn-bhd-202605-0067-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-lxG0A5x3">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">CASTMECH TECHNOLOGIES SDN BHD</div>
<div class="kaya-doc-qr-docno">#202605/0067-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/castmech-technologies-sdn-bhd-202605-0067-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-2r3HS7j3"
data-filename="2026050067-INV-EPSON-L3250-PRINTER-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">CASTMECH TECHNOLOGIES SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202605/0067-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">EPSON L3250 PRINTER</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/castmech-technologies-sdn-bhd-202605-0067-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/castmech-technologies-sdn-bhd-202605-0067-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-15</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-2r3HS7j3">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">CASTMECH TECHNOLOGIES SDN BHD</div>
<div class="kaya-webstation-print-docno">#202605/0067-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/castmech-technologies-sdn-bhd-202605-0067-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
EPSON L3250 PRINTERpublishopenopenepson-l3250-printer��ޝ��ޝ https://invoice.webstation.my/index.php/2026/05/15/epson-l3250-printer/� post� p c1�ң Y X Z VE� � 0$� V B )infimum supremum B � � � � ���E���E <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/sanco-9665.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-0Rx1ctV9">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">SANCO</div>
<div class="kaya-doc-qr-docno">#9665</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/sanco-9665.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-NpXuRz5Q"
data-filename="9665-PRINT-HEAD-JAM-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">SANCO</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9665</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PRINT HEAD JAM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/sanco-9665.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/sanco-9665.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-16</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-NpXuRz5Q">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">SANCO</div>
<div class="kaya-webstation-print-docno">#9665</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/sanco-9665.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
PRINT HEAD JAMpublishopenopenprint-head-jam���E���E https://invoice.webstation.my/index.php/2026/05/16/print-head-jam/� post� @
� � � � ���3���3 <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/lim-moo-yu-9664.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-8KeHJghT">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">LIM MOO YU</div>
<div class="kaya-doc-qr-docno">#9664</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lim-moo-yu-9664.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-aQmZ8hxE"
data-filename="9664-NEW-LAPTOP-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">LIM MOO YU</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9664</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW LAPTOP</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/lim-moo-yu-9664.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/lim-moo-yu-9664.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-16</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-aQmZ8hxE">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">LIM MOO YU</div>
<div class="kaya-webstation-print-docno">#9664</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lim-moo-yu-9664.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW LAPTOPpublishopenopennew-laptop-4���3���3 https://invoice.webstation.my/index.php/2026/05/16/new-laptop-4/� post� p cV�QSA Z Y [ +S�E� � 0E� n B )infimum supremum @
� � � ���9����9� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/soon-hoong-9642.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-41B1tMgx">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">SOON HOONG</div>
<div class="kaya-doc-qr-docno">#9642</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/soon-hoong-9642.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-nxvwrKAz"
data-filename="9642-CANT-PRINT-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">SOON HOONG</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9642</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">CANT PRINT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/soon-hoong-9642.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/soon-hoong-9642.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-16</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-nxvwrKAz">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">SOON HOONG</div>
<div class="kaya-webstation-print-docno">#9642</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/soon-hoong-9642.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
CANT PRINTpublishopenopencant-print-2���9����9� https://invoice.webstation.my/index.php/2026/05/16/cant-print-2/� post� G � � � ��ꝋ��ꝋ <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/mykco-9659.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-T2S23EC6">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">MYKCO</div>
<div class="kaya-doc-qr-docno">#9659</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/mykco-9659.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-IrNB8IAS"
data-filename="9659-NO-POWER-NO-DISPLAY-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">MYKCO</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9659</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NO POWER & NO DISPLAY</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/mykco-9659.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/mykco-9659.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-21</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-IrNB8IAS">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">MYKCO</div>
<div class="kaya-webstation-print-docno">#9659</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/mykco-9659.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NO POWER & NO DISPLAYpublishopenopenno-power-no-display��ꝋ��ꝋ https://invoice.webstation.my/index.php/2026/05/21/no-power-no-display/� post� p c+S�) k [ Z \ /u}1E� � 1t� x B )infimum supremum D � � � ���0����0� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/mee-sing-9682.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-kMf3wZUu">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">MEE SING</div>
<div class="kaya-doc-qr-docno">#9682</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/mee-sing-9682.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-l0INP0uc"
data-filename="9682-UPGRADE-SOFTWARE-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">MEE SING</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9682</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">UPGRADE SOFTWARE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/mee-sing-9682.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/mee-sing-9682.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-23</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-l0INP0uc">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">MEE SING</div>
<div class="kaya-webstation-print-docno">#9682</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/mee-sing-9682.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
UPGRADE SOFTWAREpublishopenopenupgrade-software���0����0� https://invoice.webstation.my/index.php/2026/05/23/upgrade-software/� post� H 4� � � ���@ܙ��@� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/mee-sing-granite-m-sdn-bhd-202605-0104-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-3SXjH4MN">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">MEE SING GRANITE (M) SDN BHD</div>
<div class="kaya-doc-qr-docno">#202605/0104-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/mee-sing-granite-m-sdn-bhd-202605-0104-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-NzM6Bupd"
data-filename="2026050104-INV-NPC-MF2756-V-MONOTOR-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">MEE SING GRANITE (M) SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202605/0104-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NPC MF2756-V MONOTOR</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/mee-sing-granite-m-sdn-bhd-202605-0104-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/mee-sing-granite-m-sdn-bhd-202605-0104-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-23</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-NzM6Bupd">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">MEE SING GRANITE (M) SDN BHD</div>
<div class="kaya-webstation-print-docno">#202605/0104-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/mee-sing-granite-m-sdn-bhd-202605-0104-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NPC MF2756-V MONOTORpublishopenopennpc-mf2756-v-monotor���@ܙ��@� https://invoice.webstation.my/index.php/2026/05/23/npc-mf2756-v-monotor/� post� p c/u}1�G$= \ [ ] n�(OE� � 2d� � B )infimum supremum E D� � ���;����;� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/tms-foods-industry-m-sdn-bhd-202605-0106-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-tjQ2YHVc">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">TMS FOODS INDUSTRY (M) SDN. BHD.</div>
<div class="kaya-doc-qr-docno">#202605/0106-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/tms-foods-industry-m-sdn-bhd-202605-0106-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-r5ZP03Q2"
data-filename="2026050106-INV-TSC-TE244-PRINTER-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">TMS FOODS INDUSTRY (M) SDN. BHD.</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202605/0106-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">TSC TE244 PRINTER</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/tms-foods-industry-m-sdn-bhd-202605-0106-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/tms-foods-industry-m-sdn-bhd-202605-0106-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-25</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-r5ZP03Q2">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">TMS FOODS INDUSTRY (M) SDN. BHD.</div>
<div class="kaya-webstation-print-docno">#202605/0106-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/tms-foods-industry-m-sdn-bhd-202605-0106-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
TSC TE244 PRINTERpublishopenopentsc-te244-printer���;����;� https://invoice.webstation.my/index.php/2026/05/25/tsc-te244-printer/� post� G �� �� � ���Sb���Sb <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/chop-veng-soon-motor-202605-0121-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-tgx5W3nh">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">CHOP VENG SOON MOTOR</div>
<div class="kaya-doc-qr-docno">#202605/0121-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/chop-veng-soon-motor-202605-0121-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-sRs5aOyL"
data-filename="2026050121-INV-HPRT-TP80NM-PRINTER-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">CHOP VENG SOON MOTOR</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202605/0121-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">HPRT-TP80NM PRINTER</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/chop-veng-soon-motor-202605-0121-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/chop-veng-soon-motor-202605-0121-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-05-28</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-sRs5aOyL">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">CHOP VENG SOON MOTOR</div>
<div class="kaya-webstation-print-docno">#202605/0121-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/chop-veng-soon-motor-202605-0121-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
HPRT-TP80NM PRINTERpublishopenopenhprt-tp80nm-printer���Sb���Sb https://invoice.webstation.my/index.php/2026/05/28/hprt-tp80nm-printer/� post� p cn�(OCຸ ] \ ^ ���`E� � 1H� � B )infimum supremum H ^� : � ��
A���
A� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/soon-hoong-auto-supplies-sdn-bhd-202606-0020-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-QmEloefP">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">SOON HOONG AUTO SUPPLIES SDN BHD</div>
<div class="kaya-doc-qr-docno">#202606/0020-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/soon-hoong-auto-supplies-sdn-bhd-202606-0020-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-3Di4EhJB"
data-filename="2026060020-INV-NPC-MF2456-V-MONITOR-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">SOON HOONG AUTO SUPPLIES SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202606/0020-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NPC MF2456-V MONITOR</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/soon-hoong-auto-supplies-sdn-bhd-202606-0020-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/soon-hoong-auto-supplies-sdn-bhd-202606-0020-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-05</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-3Di4EhJB">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">SOON HOONG AUTO SUPPLIES SDN BHD</div>
<div class="kaya-webstation-print-docno">#202606/0020-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/soon-hoong-auto-supplies-sdn-bhd-202606-0020-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NPC MF2456-V MONITORpublishopenopennpc-mf2456-v-monitor��
A���
A� https://invoice.webstation.my/index.php/2026/06/05/npc-mf2456-v-monitor/� post� < � � � �������� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/pkh-9719.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-GVZbA47g">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">PKH</div>
<div class="kaya-doc-qr-docno">#9719</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/pkh-9719.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-wefnQh4s"
data-filename="9719-NEW-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">PKH</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9719</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/pkh-9719.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/pkh-9719.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-08</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-wefnQh4s">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">PKH</div>
<div class="kaya-webstation-print-docno">#9719</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/pkh-9719.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PCpublishopenopennew-pc-5�������� https://invoice.webstation.my/index.php/2026/06/08/new-pc-5/� post� p c���`
D" ^ ] _ ��3:E� � 1 - B )infimum supremum C ԗ � � ������ <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/medipluz-sdn-bhd-202606-0030-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-i69tCdw5">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">MEDIPLUZ SDN BHD</div>
<div class="kaya-doc-qr-docno">#202606/0030-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/medipluz-sdn-bhd-202606-0030-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-gtNfi0NX"
data-filename="2026060030-INV-FINGERTEC-TA500-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">MEDIPLUZ SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202606/0030-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">FINGERTEC TA500</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/medipluz-sdn-bhd-202606-0030-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/medipluz-sdn-bhd-202606-0030-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-09</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-gtNfi0NX">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">MEDIPLUZ SDN BHD</div>
<div class="kaya-webstation-print-docno">#202606/0030-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/medipluz-sdn-bhd-202606-0030-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
FINGERTEC TA500publishopenopenfingertec-ta500������ https://invoice.webstation.my/index.php/2026/06/09/fingertec-ta500/� post� G ܗ �C � ���ڙ��� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/p-k-h-enterprise-202605-0128-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-NVR2tmSv">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">P.K.H ENTERPRISE</div>
<div class="kaya-doc-qr-docno">#202605/0128-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/p-k-h-enterprise-202605-0128-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-IqvbUDIn"
data-filename="2026050128-INV-NEW-PC-PKH-POS-PC04-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">P.K.H ENTERPRISE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202605/0128-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC PKH-POS-PC04</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/p-k-h-enterprise-202605-0128-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/p-k-h-enterprise-202605-0128-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-09</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-IqvbUDIn">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">P.K.H ENTERPRISE</div>
<div class="kaya-webstation-print-docno">#202605/0128-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/p-k-h-enterprise-202605-0128-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PC PKH-POS-PC04publishopenopennew-pc-pkh-pos-pc04���ڙ��� https://invoice.webstation.my/index.php/2026/06/09/new-pc-pkh-pos-pc04/� post� p c��3:S�#t _ ^ ` �i5NE� � 1�� � B )infimum supremum < H� �
� ��W��W <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/wai-tack-battery-9733.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-612Os5Fx">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">WAI TACK BATTERY</div>
<div class="kaya-doc-qr-docno">#9733</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/wai-tack-battery-9733.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-MfSk4Wxn"
data-filename="9733-NEW-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">WAI TACK BATTERY</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9733</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/wai-tack-battery-9733.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/wai-tack-battery-9733.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-10</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-MfSk4Wxn">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">WAI TACK BATTERY</div>
<div class="kaya-webstation-print-docno">#9733</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/wai-tack-battery-9733.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PCpublishopenopennew-pc-6��W��W https://invoice.webstation.my/index.php/2026/06/10/new-pc-6/� post� L >� �� � �� (��� (� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/nihon-superior-asia-sdn-bhd-202606-0050-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-y3d8CNWX">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">NIHON SUPERIOR ASIA SDN BHD</div>
<div class="kaya-doc-qr-docno">#202606/0050-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/nihon-superior-asia-sdn-bhd-202606-0050-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-dDsxk60q"
data-filename="2026060050-INV-HIKVISION-DS-UPS3000-UPS-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">NIHON SUPERIOR ASIA SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202606/0050-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">HIKVISION DS-UPS3000 UPS</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/nihon-superior-asia-sdn-bhd-202606-0050-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/nihon-superior-asia-sdn-bhd-202606-0050-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-15</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-dDsxk60q">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">NIHON SUPERIOR ASIA SDN BHD</div>
<div class="kaya-webstation-print-docno">#202606/0050-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/nihon-superior-asia-sdn-bhd-202606-0050-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
HIKVISION DS-UPS3000 UPSpublishopenopenhikvision-ds-ups3000-ups�� (��� (� https://invoice.webstation.my/index.php/2026/06/15/hikvision-ds-ups3000-ups/� post� p c�i5NA�%� ` _ a ����E� � 1�� � B )infimum supremum H D� � ��$> ��$> <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/general-auto-9759.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-pyXt7Sqa">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">GENERAL AUTO</div>
<div class="kaya-doc-qr-docno">#9759</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/general-auto-9759.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-FKHNylxL"
data-filename="9759-GOT-POWER-NO-DISPLAY-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">GENERAL AUTO</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9759</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">GOT POWER NO DISPLAY</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/general-auto-9759.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/general-auto-9759.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-18</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-FKHNylxL">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">GENERAL AUTO</div>
<div class="kaya-webstation-print-docno">#9759</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/general-auto-9759.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
GOT POWER NO DISPLAYpublishopenopengot-power-no-display��$> ��$> https://invoice.webstation.my/index.php/2026/06/18/got-power-no-display/� post� N :� ��
� ��,,� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/biocare-pharmalife-sdn-bhd-202606-0081-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-ovGTp98b">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">BIOCARE PHARMALIFE SDN BHD</div>
<div class="kaya-doc-qr-docno">#202606/0081-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/biocare-pharmalife-sdn-bhd-202606-0081-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-jc6P17bk"
data-filename="2026060081-INV-HIKVISION-DS-UPS1000-R-UPS-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">BIOCARE PHARMALIFE SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202606/0081-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">HIKVISION DS-UPS1000-R UPS</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/biocare-pharmalife-sdn-bhd-202606-0081-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/biocare-pharmalife-sdn-bhd-202606-0081-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-22</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-jc6P17bk">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">BIOCARE PHARMALIFE SDN BHD</div>
<div class="kaya-webstation-print-docno">#202606/0081-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/biocare-pharmalife-sdn-bhd-202606-0081-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
HIKVISION DS-UPS1000-R UPSpublishopenopenhikvision-ds-ups1000-r-ups��,,� https://invoice.webstation.my/index.php/2026/06/22/hikvision-ds-ups1000-r-ups/� post� p c����dG a ` b �"�'E� � 0� � B )infimum supremum E &� � � ��,�o��,�o <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/dong-fatt-9790.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-mRZzurMx">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">Dong Fatt</div>
<div class="kaya-doc-qr-docno">#9790</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dong-fatt-9790.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-jHTLEUSX"
data-filename="9790-PC-UNABLE-TO-LOAD-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">Dong Fatt</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9790</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PC UNABLE TO LOAD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/dong-fatt-9790.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/dong-fatt-9790.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-22</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-jHTLEUSX">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">Dong Fatt</div>
<div class="kaya-webstation-print-docno">#9790</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dong-fatt-9790.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
PC UNABLE TO LOADpublishopenopenpc-unable-to-load��,�o��,�o https://invoice.webstation.my/index.php/2026/06/22/pc-unable-to-load/� post� >
� �� � ��0#W��0#W <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/nsa-9670.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-LzkACu3n">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">NSA</div>
<div class="kaya-doc-qr-docno">#9670</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/nsa-9670.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-WLIufmof"
data-filename="9670-NEW-SERVER-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">NSA</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9670</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW SERVER</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/nsa-9670.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/nsa-9670.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-24</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-WLIufmof">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">NSA</div>
<div class="kaya-webstation-print-docno">#9670</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/nsa-9670.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW SERVERpublishopenopennew-server��0#W��0#W https://invoice.webstation.my/index.php/2026/06/24/new-server/� post� p c�"�'�))� b a c �/~�E� � 2�� � B )infimum supremum L @� ( � ��40���40� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/looi-kim-hoo-sons-sdn-bhd-202606-0096-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-cVsPhLrZ">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">LOOI KIM HOO & SONS SDN BHD</div>
<div class="kaya-doc-qr-docno">#202606/0096-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/looi-kim-hoo-sons-sdn-bhd-202606-0096-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-zTFllmOa"
data-filename="2026060096-INV-HIKVISION-DS-UPS2000-UPS-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">LOOI KIM HOO & SONS SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202606/0096-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">HIKVISION DS-UPS2000 UPS</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/looi-kim-hoo-sons-sdn-bhd-202606-0096-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/looi-kim-hoo-sons-sdn-bhd-202606-0096-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-26</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-zTFllmOa">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">LOOI KIM HOO & SONS SDN BHD</div>
<div class="kaya-webstation-print-docno">#202606/0096-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/looi-kim-hoo-sons-sdn-bhd-202606-0096-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
HIKVISION DS-UPS2000 UPSpublishopenopenhikvision-ds-ups2000-ups��40���40� https://invoice.webstation.my/index.php/2026/06/26/hikvision-ds-ups2000-ups/� post� ? <� � � ��4�x��4�x <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/georgetown-specialist-hospital-202606-0090-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-CkPNggY7">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">GEORGETOWN SPECIALIST HOSPITAL</div>
<div class="kaya-doc-qr-docno">#202606/0090-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/georgetown-specialist-hospital-202606-0090-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-3ymWiAxU"
data-filename="2026060090-INV-SERVICE-BOM-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">GEORGETOWN SPECIALIST HOSPITAL</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202606/0090-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">SERVICE BOM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/georgetown-specialist-hospital-202606-0090-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/georgetown-specialist-hospital-202606-0090-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-26</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-3ymWiAxU">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">GEORGETOWN SPECIALIST HOSPITAL</div>
<div class="kaya-webstation-print-docno">#202606/0090-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/georgetown-specialist-hospital-202606-0090-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
SERVICE BOMpublishopenopenservice-bom��4�x��4�x https://invoice.webstation.my/index.php/2026/06/26/service-bom/� post� p c�/~�(�~ c b d �� E� � 19� " B )infimum supremum V " "�� � � ��<�[��<�[ <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/united-auto-supply-9858.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-QKDL2xAJ">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">UNITED AUTO SUPPLY</div>
<div class="kaya-doc-qr-docno">#9858</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/united-auto-supply-9858.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-4ccpwAtA"
data-filename="9858-PC-UNABLE-TO-FIRE-UP-NEED-TO-CHECK-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">UNITED AUTO SUPPLY</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9858</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PC UNABLE TO FIRE UP NEED TO CHECK</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/united-auto-supply-9858.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/united-auto-supply-9858.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-30</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-4ccpwAtA">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">UNITED AUTO SUPPLY</div>
<div class="kaya-webstation-print-docno">#9858</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/united-auto-supply-9858.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
PC UNABLE TO FIRE UP NEED TO CHECKpublishopenopenpc-unable-to-fire-up-need-to-check��<�[��<�[ https://invoice.webstation.my/index.php/2026/06/30/pc-unable-to-fire-up-need-to-check/� post� ? j� �N � ��<�&��<�& <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/kedai-bateri-cathay-9835.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-LF7ZKR4N">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">KEDAI BATERI CATHAY</div>
<div class="kaya-doc-qr-docno">#9835</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/kedai-bateri-cathay-9835.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-p0qD6mIH"
data-filename="9835-AUTO-REBOOT-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">KEDAI BATERI CATHAY</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9835</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">AUTO REBOOT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/kedai-bateri-cathay-9835.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/kedai-bateri-cathay-9835.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-06-30</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-p0qD6mIH">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">KEDAI BATERI CATHAY</div>
<div class="kaya-webstation-print-docno">#9835</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/kedai-bateri-cathay-9835.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
AUTO REBOOTpublishopenopenauto-reboot��<�&��<�& https://invoice.webstation.my/index.php/2026/06/30/auto-reboot/� post� p c �� �c� d c e ���E� � 1̀ � B )infimum supremum J ^� > � ��B'Ǚ�B'� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/soon-hoong-auto-supplies-sdn-bhd-202607-0003-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-gi8ekuio">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">SOON HOONG AUTO SUPPLIES SDN BHD</div>
<div class="kaya-doc-qr-docno">#202607/0003-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/soon-hoong-auto-supplies-sdn-bhd-202607-0003-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-lzJ5S5qa"
data-filename="2026070003-INV-NPC-MF2456-V-MONITOR-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">SOON HOONG AUTO SUPPLIES SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202607/0003-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NPC MF2456-V MONITOR</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/soon-hoong-auto-supplies-sdn-bhd-202607-0003-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/soon-hoong-auto-supplies-sdn-bhd-202607-0003-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-01</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-lzJ5S5qa">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">SOON HOONG AUTO SUPPLIES SDN BHD</div>
<div class="kaya-webstation-print-docno">#202607/0003-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/soon-hoong-auto-supplies-sdn-bhd-202607-0003-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NPC MF2456-V MONITORpublishopenopennpc-mf2456-v-monitor-2��B'Ǚ�B'� https://invoice.webstation.my/index.php/2026/07/01/npc-mf2456-v-monitor-2/� post� < `� � � ��HD��HD <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/kedai-bateri-cathay-9856.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-YdLAEiMh">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">KEDAI BATERI CATHAY</div>
<div class="kaya-doc-qr-docno">#9856</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/kedai-bateri-cathay-9856.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-FrTrv6jE"
data-filename="9856-NEW-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">KEDAI BATERI CATHAY</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9856</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/kedai-bateri-cathay-9856.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/kedai-bateri-cathay-9856.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-04</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-FrTrv6jE">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">KEDAI BATERI CATHAY</div>
<div class="kaya-webstation-print-docno">#9856</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/kedai-bateri-cathay-9856.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PCpublishopenopennew-pc-7��HD��HD https://invoice.webstation.my/index.php/2026/07/04/new-pc-7/� post� p c����#� e d f �S�E� � 0_� r B )infimum supremum < 0� � � ��L$��L$ <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/mc-electrical-9846.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-WUGyAGxk">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">MC ELECTRICAL</div>
<div class="kaya-doc-qr-docno">#9846</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/mc-electrical-9846.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-3i0KuBXp"
data-filename="9846-NEW-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">MC ELECTRICAL</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9846</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/mc-electrical-9846.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/mc-electrical-9846.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-06</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-3i0KuBXp">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">MC ELECTRICAL</div>
<div class="kaya-webstation-print-docno">#9846</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/mc-electrical-9846.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PCpublishopenopennew-pc-8��L$��L$ https://invoice.webstation.my/index.php/2026/07/06/new-pc-8/� post� H &� � � ��NZ険NZ� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/lkknsons-9893.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-VHtb3Ojq">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">LKKNSONS</div>
<div class="kaya-doc-qr-docno">#9893</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lkknsons-9893.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-JUyOeGvZ"
data-filename="9893-PRINTER-CANT-PRINT-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">LKKNSONS</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9893</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PRINTER CAN'T PRINT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/lkknsons-9893.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/lkknsons-9893.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-07</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-JUyOeGvZ">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">LKKNSONS</div>
<div class="kaya-webstation-print-docno">#9893</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lkknsons-9893.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
PRINTER CAN'T PRINTpublishopenopenprinter-cant-print-2��NZ険NZ� https://invoice.webstation.my/index.php/2026/07/07/printer-cant-print-2/� post� p c�S�뽻 f e g ���E� � 08� � B )infimum supremum H &� � ��N[`��N[` <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/lkhnsons-9893.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-bTRCrnMO">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">LKHNSONS</div>
<div class="kaya-doc-qr-docno">#9893</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lkhnsons-9893.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-7IdaxCfB"
data-filename="9893-PRINTER-CANT-PRINT-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">LKHNSONS</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9893</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PRINTER CAN'T PRINT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/lkhnsons-9893.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/lkhnsons-9893.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-07</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-7IdaxCfB">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">LKHNSONS</div>
<div class="kaya-webstation-print-docno">#9893</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lkhnsons-9893.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
PRINTER CAN'T PRINTpublishopenopenprinter-cant-print-3��N[`��N[` https://invoice.webstation.my/index.php/2026/07/07/printer-cant-print-3/� post� C � �� � ��PF�PF� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/dsp-9894.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-nwAUUJ9H">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">DSP</div>
<div class="kaya-doc-qr-docno">#9894</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dsp-9894.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-WHbY0Tjr"
data-filename="9894-CANNOT-POWER-ON-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">DSP</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9894</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">CANNOT POWER ON</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/dsp-9894.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/dsp-9894.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-08</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-WHbY0Tjr">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">DSP</div>
<div class="kaya-webstation-print-docno">#9894</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dsp-9894.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
CANNOT POWER ONpublishopenopencannot-power-on��PF�PF� https://invoice.webstation.my/index.php/2026/07/08/cannot-power-on/� post� p c����27$ g f h 7;��E� � 1ǀ � B )infimum supremum C Z� ' � ��R+���R+� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/p-k-h-enterprise-9860.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-63hSTY9C">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">P.K.H ENTERPRISE</div>
<div class="kaya-doc-qr-docno">#9860</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/p-k-h-enterprise-9860.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-hWpZQItS"
data-filename="9860-SERVICE-PRINTER-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">P.K.H ENTERPRISE</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9860</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">SERVICE PRINTER</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/p-k-h-enterprise-9860.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/p-k-h-enterprise-9860.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-09</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-hWpZQItS">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">P.K.H ENTERPRISE</div>
<div class="kaya-webstation-print-docno">#9860</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/p-k-h-enterprise-9860.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
SERVICE PRINTERpublishopenopenservice-printer��R+���R+� https://invoice.webstation.my/index.php/2026/07/09/service-printer/� post� N <� � � ��R�ޙ�R�� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/mee-sing-granite-m-sdn-bhd-202607-0038-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-97lnmdkP">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">MEE SING GRANITE (M) SDN BHD</div>
<div class="kaya-doc-qr-docno">#202607/0038-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/mee-sing-granite-m-sdn-bhd-202607-0038-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-V4CUJvUX"
data-filename="2026070038-INV-HIKVISION-DS-UPS2000-UPS-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">MEE SING GRANITE (M) SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202607/0038-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">HIKVISION DS-UPS2000 UPS</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/mee-sing-granite-m-sdn-bhd-202607-0038-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/mee-sing-granite-m-sdn-bhd-202607-0038-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-09</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-V4CUJvUX">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">MEE SING GRANITE (M) SDN BHD</div>
<div class="kaya-webstation-print-docno">#202607/0038-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/mee-sing-granite-m-sdn-bhd-202607-0038-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
HIKVISION DS-UPS2000 UPSpublishopenopenhikvision-ds-ups2000-ups-2��R�ޙ�R�� https://invoice.webstation.my/index.php/2026/07/09/hikvision-ds-ups2000-ups-2/� post� p c7;���ƾ� h g i U���E� � 0m� � B )infimum supremum ] ) ,)� G � ��\.H��\.H <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/eco-9909.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-p3vRBYgf">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">ECO</div>
<div class="kaya-doc-qr-docno">#9909</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/eco-9909.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-5dxaDTlE"
data-filename="9909-ECO-AUTOPARTS-SDN-BHD-WALK-IN-CPU-PROBLEM-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">ECO</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9909</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">ECO AUTOPARTS SDN BHD (WALK IN)- CPU PROBLEM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/eco-9909.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/eco-9909.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-14</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-5dxaDTlE">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">ECO</div>
<div class="kaya-webstation-print-docno">#9909</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/eco-9909.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
ECO AUTOPARTS SDN BHD (WALK IN)- CPU PROBLEMpublishopenopeneco-autoparts-sdn-bhd-walk-in-cpu-problem��\.H��\.H https://invoice.webstation.my/index.php/2026/07/14/eco-autoparts-sdn-bhd-walk-in-cpu-problem/� post� < �� � � ��\�虺\�� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/cathay-9914.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-yRwioYb0">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">CATHAY</div>
<div class="kaya-doc-qr-docno">#9914</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/cathay-9914.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-FrpPaBsK"
data-filename="9914-NEW-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">CATHAY</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9914</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/cathay-9914.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/cathay-9914.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-14</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-FrpPaBsK">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">CATHAY</div>
<div class="kaya-webstation-print-docno">#9914</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/cathay-9914.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PCpublishopenopennew-pc-9��\�虺\�� https://invoice.webstation.my/index.php/2026/07/14/new-pc-9/� post� p cU���w&ta i h j |e �E� � 0�� � B )infimum supremum Q !:� 5 � ��\����\�� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/mee-sing-9920.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-7MRfK2Rl">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">Mee Sing</div>
<div class="kaya-doc-qr-docno">#9920</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/mee-sing-9920.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-S9ZmrOWa"
data-filename="9920-MEE-SING-ON-SITE-INK-PAD-FULL-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">Mee Sing</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9920</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">MEE SING (ON SITE) - INK PAD FULL</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/mee-sing-9920.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/mee-sing-9920.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-14</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-S9ZmrOWa">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">Mee Sing</div>
<div class="kaya-webstation-print-docno">#9920</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/mee-sing-9920.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
MEE SING (ON SITE) - INK PAD FULLpublishopenopenmee-sing-on-site-ink-pad-full��\����\�� https://invoice.webstation.my/index.php/2026/07/14/mee-sing-on-site-ink-pad-full/� post� D � � � ��\����\�� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/mee-sing-9814.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-wHwxNWbt">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">Mee Sing</div>
<div class="kaya-doc-qr-docno">#9814</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/mee-sing-9814.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-boSiKz6K"
data-filename="9814-SCANNING-PROBLEM-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">Mee Sing</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9814</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">SCANNING PROBLEM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/mee-sing-9814.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/mee-sing-9814.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-14</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-boSiKz6K">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">Mee Sing</div>
<div class="kaya-webstation-print-docno">#9814</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/mee-sing-9814.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
SCANNING PROBLEMpublishopenopenscanning-problem��\����\�� https://invoice.webstation.my/index.php/2026/07/14/scanning-problem/� post� p c|e �L[p j i k �W��E� � 0� B )infimum supremum D "� � � ��^����^�� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/yee-huat-9937.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-4MW9mEce">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">YEE HUAT</div>
<div class="kaya-doc-qr-docno">#9937</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/yee-huat-9937.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-TdFTaDbo"
data-filename="9937-CANT-TURN-ON-CPU-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">YEE HUAT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9937</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">CAN'T TURN ON CPU</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/yee-huat-9937.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/yee-huat-9937.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-15</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-TdFTaDbo">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">YEE HUAT</div>
<div class="kaya-webstation-print-docno">#9937</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/yee-huat-9937.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
CAN'T TURN ON CPUpublishopenopencant-turn-on-cpu��^����^�� https://invoice.webstation.my/index.php/2026/07/15/cant-turn-on-cpu/� post� a - 2X� �� ! � ��`���`� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/mb-auto-9935.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-N9GoznGC">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">MB AUTO</div>
<div class="kaya-doc-qr-docno">#9935</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/mb-auto-9935.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-UFT08mhF"
data-filename="9935-MB-AUTO-SUPPLY-WALK-IN-SERVER-PC-CANT-TURN-ON-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">MB AUTO</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9935</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">MB AUTO SUPPLY (WALK IN) - SERVER PC CAN'T TURN ON</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/mb-auto-9935.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/mb-auto-9935.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-16</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-UFT08mhF">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">MB AUTO</div>
<div class="kaya-webstation-print-docno">#9935</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/mb-auto-9935.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
MB AUTO SUPPLY (WALK IN) - SERVER PC CAN'T TURN ONpublishopenopenmb-auto-supply-walk-in-server-pc-cant-turn-on��`���`� https://invoice.webstation.my/index.php/2026/07/16/mb-auto-supply-walk-in-server-pc-cant-turn-on/� post� p c�W��ޜ� k j l ��t�E� � 1� � B )infimum supremum P � " � ��bVљ�bV� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/mb-auto-supply-sdn-bhd-202607-0087-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-Z0SzvyRQ">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">MB AUTO SUPPLY SDN BHD</div>
<div class="kaya-doc-qr-docno">#202607/0087-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/mb-auto-supply-sdn-bhd-202607-0087-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-LAOoEmXz"
data-filename="2026070087-INV-HIKVISION-DS-UPS1000-R-UPS-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">MB AUTO SUPPLY SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202607/0087-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">HIKVISION DS-UPS1000-R UPS</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/mb-auto-supply-sdn-bhd-202607-0087-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/mb-auto-supply-sdn-bhd-202607-0087-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-17</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-LAOoEmXz">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">MB AUTO SUPPLY SDN BHD</div>
<div class="kaya-webstation-print-docno">#202607/0087-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/mb-auto-supply-sdn-bhd-202607-0087-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
HIKVISION DS-UPS1000-R UPSpublishopenopenhikvision-ds-ups1000-r-ups-2��bVљ�bV� https://invoice.webstation.my/index.php/2026/07/17/hikvision-ds-ups1000-r-ups-2/� post� ; � �� # � ��b����b�� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/eco-8507.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-zsmk6cgK">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">ECO</div>
<div class="kaya-doc-qr-docno">#8507</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/eco-8507.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-ffoq2uGw"
data-filename="8507-MINI-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">ECO</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#8507</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">MINI PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/eco-8507.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/eco-8507.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-17</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-ffoq2uGw">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">ECO</div>
<div class="kaya-webstation-print-docno">#8507</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/eco-8507.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
MINI PCpublishopenopenmini-pc��b����b�� https://invoice.webstation.my/index.php/2026/07/17/mini-pc/� post� p c��t�i��� l k m Z��E� � 21� � B )infimum supremum G ,� $ � ��j!ҙ�j!� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/united-auto-supply-sdn-bhd-202607-0094-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-CmLzkZwh">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">UNITED AUTO SUPPLY SDN BHD</div>
<div class="kaya-doc-qr-docno">#202607/0094-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/united-auto-supply-sdn-bhd-202607-0094-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-hG0IVTw5"
data-filename="2026070094-INV-GODEX-EZ520-PRINTER-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">UNITED AUTO SUPPLY SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202607/0094-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">GODEX EZ520 PRINTER</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/united-auto-supply-sdn-bhd-202607-0094-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/united-auto-supply-sdn-bhd-202607-0094-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-21</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-hG0IVTw5">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">UNITED AUTO SUPPLY SDN BHD</div>
<div class="kaya-webstation-print-docno">#202607/0094-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/united-auto-supply-sdn-bhd-202607-0094-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
GODEX EZ520 PRINTERpublishopenopengodex-ez520-printer��j!ҙ�j!� https://invoice.webstation.my/index.php/2026/07/21/godex-ez520-printer/� post� \ ( (�� �� % � ��j��j�� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/united-auto-supply-9938.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-jGaMaoj1">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">UNITED AUTO SUPPLY</div>
<div class="kaya-doc-qr-docno">#9938</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/united-auto-supply-9938.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-aeeMqbv4"
data-filename="9938-PRINTER-SOMETIMES-OUT-POWER-CANNOT-PRINT-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">UNITED AUTO SUPPLY</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9938</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PRINTER SOMETIMES OUT POWER CANNOT PRINT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/united-auto-supply-9938.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/united-auto-supply-9938.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-21</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-aeeMqbv4">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">UNITED AUTO SUPPLY</div>
<div class="kaya-webstation-print-docno">#9938</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/united-auto-supply-9938.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
PRINTER SOMETIMES OUT POWER CANNOT PRINTpublishopenopenprinter-sometimes-out-power-cannot-print��j��j�� https://invoice.webstation.my/index.php/2026/07/21/printer-sometimes-out-power-cannot-print/� post� p cZ��7N�C m l n -AE� � 2Ѐ � B )infimum supremum N >� * & � ��l.]��l.] <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/song-lin-agri-horti-sdn-bhd-202607-0100-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-rlOe3EDX">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">SONG LIN AGRI HORTI SDN BHD</div>
<div class="kaya-doc-qr-docno">#202607/0100-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/song-lin-agri-horti-sdn-bhd-202607-0100-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-1S3mpA1y"
data-filename="2026070100-INV-HIKVISION-DS-UPS3000-UPS-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">SONG LIN AGRI HORTI SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202607/0100-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">HIKVISION DS-UPS3000 UPS</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/song-lin-agri-horti-sdn-bhd-202607-0100-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/song-lin-agri-horti-sdn-bhd-202607-0100-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-22</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-1S3mpA1y">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">SONG LIN AGRI HORTI SDN BHD</div>
<div class="kaya-webstation-print-docno">#202607/0100-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/song-lin-agri-horti-sdn-bhd-202607-0100-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
HIKVISION DS-UPS3000 UPSpublishopenopenhikvision-ds-ups3000-ups-2��l.]��l.] https://invoice.webstation.my/index.php/2026/07/22/hikvision-ds-ups3000-ups-2/� post� L F� � ' � ��p&���p&� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/syt-per-alat2-ganti-ban-fatt-202607-0106-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-jdJ41ZCt">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">SYT PER ALAT2 GANTI BAN FATT</div>
<div class="kaya-doc-qr-docno">#202607/0106-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/syt-per-alat2-ganti-ban-fatt-202607-0106-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-nL9xkbHM"
data-filename="2026070106-INV-DAHUA-LM25-B221B-MONITOR-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">SYT PER ALAT2 GANTI BAN FATT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202607/0106-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">DAHUA LM25-B221B MONITOR</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/syt-per-alat2-ganti-ban-fatt-202607-0106-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/syt-per-alat2-ganti-ban-fatt-202607-0106-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-24</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-nL9xkbHM">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">SYT PER ALAT2 GANTI BAN FATT</div>
<div class="kaya-webstation-print-docno">#202607/0106-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/syt-per-alat2-ganti-ban-fatt-202607-0106-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
DAHUA LM25-B221B MONITORpublishopenopendahua-lm25-b221b-monitor��p&���p&� https://invoice.webstation.my/index.php/2026/07/24/dahua-lm25-b221b-monitor/� post� p c-A�` n m o
(��E� � 0�� B )infimum supremum E �� � ( � ��xR��xR <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/pasaraya-ku-trading-sdn-bhd-10017.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-rXPlnE7u">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">PASARAYA KU TRADING SDN BHD</div>
<div class="kaya-doc-qr-docno">#10017</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/pasaraya-ku-trading-sdn-bhd-10017.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-hkSVVHrb"
data-filename="10017-SERVICE-PRINTER-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">PASARAYA KU TRADING SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#10017</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">SERVICE PRINTER</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/pasaraya-ku-trading-sdn-bhd-10017.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/pasaraya-ku-trading-sdn-bhd-10017.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-28</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-hkSVVHrb">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">PASARAYA KU TRADING SDN BHD</div>
<div class="kaya-webstation-print-docno">#10017</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/pasaraya-ku-trading-sdn-bhd-10017.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
SERVICE PRINTERpublishopenopenservice-printer-2��xR��xR https://invoice.webstation.my/index.php/2026/07/28/service-printer-2/� post� @ 5� �X ) � ��zYc��zYc <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/lee-ten-sin-10081.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-JzaNQ6ev">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">LEE TEN SIN</div>
<div class="kaya-doc-qr-docno">#10081</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lee-ten-sin-10081.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-n2kkLGcu"
data-filename="10081-PC-CANNOT-ON-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">LEE TEN SIN</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#10081</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PC CANNOT ON</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/lee-ten-sin-10081.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/lee-ten-sin-10081.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-29</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-n2kkLGcu">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">LEE TEN SIN</div>
<div class="kaya-webstation-print-docno">#10081</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lee-ten-sin-10081.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
PC CANNOT ONpublishopenopenpc-cannot-on��zYc��zYc https://invoice.webstation.my/index.php/2026/07/29/pc-cannot-on/� post� p c(���: o n p
�#�E� � 0a� $ B )infimum supremum = � � * � ��|}噺|}� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/eco-9966.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-4ZPJwOh2">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">ECO</div>
<div class="kaya-doc-qr-docno">#9966</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/eco-9966.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-95uscncc"
data-filename="9966-NEW-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">ECO</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9966</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/eco-9966.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/eco-9966.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-30</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-95uscncc">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">ECO</div>
<div class="kaya-webstation-print-docno">#9966</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/eco-9966.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PCpublishopenopennew-pc-10��|}噺|}� https://invoice.webstation.my/index.php/2026/07/30/new-pc-10/� post� F {� �L + � ��~� ��~� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/svk-florist-mart-10099.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-OcOgk5Ov">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">SVK FLORIST & MART</div>
<div class="kaya-doc-qr-docno">#10099</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/svk-florist-mart-10099.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-Hv71vdIj"
data-filename="10099-CPU-CANNOT-TURN-ON-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">SVK FLORIST & MART</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#10099</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">CPU CANNOT TURN ON</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/svk-florist-mart-10099.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/svk-florist-mart-10099.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-31</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-Hv71vdIj">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">SVK FLORIST & MART</div>
<div class="kaya-webstation-print-docno">#10099</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/svk-florist-mart-10099.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
CPU CANNOT TURN ONpublishopenopencpu-cannot-turn-on��~� ��~� https://invoice.webstation.my/index.php/2026/07/31/cpu-cannot-turn-on/� post� p c�#���N p o q ����E� � 1�� � B )infimum supremum H �� _ , � ��~�g��~�g <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/svk-florist-mart-10099-1.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-B04OEfdK">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">SVK FLORIST & MART</div>
<div class="kaya-doc-qr-docno">#10099</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/svk-florist-mart-10099-1.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-moU2zHyG"
data-filename="10099-CPU-CANNOT-TURN-ON-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">SVK FLORIST & MART</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#10099</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">CPU CANNOT TURN ON</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/svk-florist-mart-10099-1.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/svk-florist-mart-10099-1.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-07-31</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-moU2zHyG">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">SVK FLORIST & MART</div>
<div class="kaya-webstation-print-docno">#10099</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/svk-florist-mart-10099-1.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
CPU CANNOT TURN ONpublishopenopencpu-cannot-turn-on-2��~�g��~�g https://invoice.webstation.my/index.php/2026/07/31/cpu-cannot-turn-on-2/� post� H � � - � ���-ə��-� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/dsp-management-and-solutions-sdn-bhd-10112.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-MHuXwWjH">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">DSP MANAGEMENT AND SOLUTIONS SDN BHD</div>
<div class="kaya-doc-qr-docno">#10112</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dsp-management-and-solutions-sdn-bhd-10112.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-yuHMWDJ5"
data-filename="10112-PRINTER-CANT-PRINT-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">DSP MANAGEMENT AND SOLUTIONS SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#10112</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PRINTER CAN'T PRINT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/dsp-management-and-solutions-sdn-bhd-10112.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/dsp-management-and-solutions-sdn-bhd-10112.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-08-04</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-yuHMWDJ5">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">DSP MANAGEMENT AND SOLUTIONS SDN BHD</div>
<div class="kaya-webstation-print-docno">#10112</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dsp-management-and-solutions-sdn-bhd-10112.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
PRINTER CAN'T PRINTpublishopenopenprinter-cant-print-4���-ə��-� https://invoice.webstation.my/index.php/2026/08/04/printer-cant-print-4/� post� p c�����=�� q p r �a[E� � 1:� � B )infimum supremum N >� * . � ���<����<� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/INVOICE2/nihon-superior-asia-sdn-bhd-202608-0011-inv.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-dmeFyTGd">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">NIHON SUPERIOR ASIA SDN BHD</div>
<div class="kaya-doc-qr-docno">#202608/0011-INV</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/nihon-superior-asia-sdn-bhd-202608-0011-inv.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-M2NHFrYa"
data-filename="2026080011-INV-HIKVISION-DS-UPS3000-UPS-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">NIHON SUPERIOR ASIA SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#202608/0011-INV</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">HIKVISION DS-UPS3000 UPS</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">INVOICE</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/INVOICE2/nihon-superior-asia-sdn-bhd-202608-0011-inv.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/INVOICE2/nihon-superior-asia-sdn-bhd-202608-0011-inv.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-08-05</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-M2NHFrYa">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">NIHON SUPERIOR ASIA SDN BHD</div>
<div class="kaya-webstation-print-docno">#202608/0011-INV</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/INVOICE2/nihon-superior-asia-sdn-bhd-202608-0011-inv.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
HIKVISION DS-UPS3000 UPSpublishopenopenhikvision-ds-ups3000-ups-3���<����<� https://invoice.webstation.my/index.php/2026/08/05/hikvision-ds-ups3000-ups-3/� post� = � � / � ���I����I� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/eco-8635.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-1c3etPsl">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">ECO</div>
<div class="kaya-doc-qr-docno">#8635</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/eco-8635.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-sG5wjr2w"
data-filename="8635-NEW-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">ECO</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#8635</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">NEW PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/eco-8635.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/eco-8635.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-08-10</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-sG5wjr2w">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">ECO</div>
<div class="kaya-webstation-print-docno">#8635</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/eco-8635.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
NEW PCpublishopenopennew-pc-11���I����I� https://invoice.webstation.my/index.php/2026/08/10/new-pc-11/� post� p c�a[�� r q s �� %E� � 1�� � B )infimum supremum @
�� S 0 � ���M����M� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/good-luck-e-ice-sdn-bhd-10141.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-HOkiO4n7">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">GOOD LUCK E ICE SDN BHD</div>
<div class="kaya-doc-qr-docno">#10141</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/good-luck-e-ice-sdn-bhd-10141.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-jn7qrTpU"
data-filename="10141-UPGRADE-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">GOOD LUCK E ICE SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#10141</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">UPGRADE PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/good-luck-e-ice-sdn-bhd-10141.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/good-luck-e-ice-sdn-bhd-10141.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-08-10</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-jn7qrTpU">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">GOOD LUCK E ICE SDN BHD</div>
<div class="kaya-webstation-print-docno">#10141</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/good-luck-e-ice-sdn-bhd-10141.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
UPGRADE PCpublishopenopenupgrade-pc-3���M����M� https://invoice.webstation.my/index.php/2026/08/10/upgrade-pc-3/� post� @
�� � 2 � ����g����g <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/dsp-management-and-solutions-sdn-bhd-10022.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-e7Tx67P5">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">DSP MANAGEMENT AND SOLUTIONS SDN BHD</div>
<div class="kaya-doc-qr-docno">#10022</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dsp-management-and-solutions-sdn-bhd-10022.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-ECiw2pYC"
data-filename="10022-UPGRADE-PC-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">DSP MANAGEMENT AND SOLUTIONS SDN BHD</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#10022</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">UPGRADE PC</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/dsp-management-and-solutions-sdn-bhd-10022.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/dsp-management-and-solutions-sdn-bhd-10022.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-08-11</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-ECiw2pYC">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">DSP MANAGEMENT AND SOLUTIONS SDN BHD</div>
<div class="kaya-webstation-print-docno">#10022</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/dsp-management-and-solutions-sdn-bhd-10022.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
UPGRADE PCpublishopenopenupgrade-pc-4����g����g https://invoice.webstation.my/index.php/2026/08/11/upgrade-pc-4/� post� p c�� %�lD9 s r t ��iE� � 1 � B )infimum supremum E �� � 3 � ����/����/ <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/toong-heng-loong-trading-co-10138.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-4Wys8iL0">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">TOONG HENG LOONG TRADING CO</div>
<div class="kaya-doc-qr-docno">#10138</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/toong-heng-loong-trading-co-10138.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-TQRLmqe0"
data-filename="10138-SERVICE-PRINTER-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">TOONG HENG LOONG TRADING CO</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#10138</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">SERVICE PRINTER</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/toong-heng-loong-trading-co-10138.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/toong-heng-loong-trading-co-10138.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-08-13</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-TQRLmqe0">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">TOONG HENG LOONG TRADING CO</div>
<div class="kaya-webstation-print-docno">#10138</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/toong-heng-loong-trading-co-10138.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
SERVICE PRINTERpublishopenopenservice-printer-3����/����/ https://invoice.webstation.my/index.php/2026/08/13/service-printer-3/� post� @ U� �X 4 � ���������� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/elegant-dim-sum-10167.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-P9Y49je1">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">ELEGANT DIM SUM</div>
<div class="kaya-doc-qr-docno">#10167</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/elegant-dim-sum-10167.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-RSrr8KoH"
data-filename="10167-INK-PAD-FULL-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">ELEGANT DIM SUM</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#10167</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">INK PAD FULL</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/elegant-dim-sum-10167.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/elegant-dim-sum-10167.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-08-17</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-RSrr8KoH">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">ELEGANT DIM SUM</div>
<div class="kaya-webstation-print-docno">#10167</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/elegant-dim-sum-10167.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
INK PAD FULLpublishopenopenink-pad-full���������� https://invoice.webstation.my/index.php/2026/08/17/ink-pad-full/� post� p c��i,?' t s���� �_�E� � 0�� � B )infimum supremum H t� P 5 � �������� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/ninety-two-trading-9892.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-CWpHNhHL">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">NINETY TWO TRADING</div>
<div class="kaya-doc-qr-docno">#9892</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ninety-two-trading-9892.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-0W3dzdlX"
data-filename="9892-PRINTER-CANNOT-PRINT-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">NINETY TWO TRADING</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9892</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PRINTER CANNOT PRINT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/ninety-two-trading-9892.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/ninety-two-trading-9892.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-08-19</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-0W3dzdlX">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">NINETY TWO TRADING</div>
<div class="kaya-webstation-print-docno">#9892</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/ninety-two-trading-9892.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>
PRINTER CANNOT PRINTpublishopenopenprinter-cannot-print�������� https://invoice.webstation.my/index.php/2026/08/19/printer-cannot-print/� post� J �� � 6 � ���!ԙ��!� <div class="kaya-doc-page">
<div class="kaya-doc-row">
<section class="kaya-doc-card kaya-doc-card--viewer">
<div class="kaya-doc-card-title">Document Preview</div>
<div class="kaya-doc-viewer">
[qepw_pdf_viewer file="https://invoice.webstation.my/FILES/CRM2/lkh-9872.pdf"] </div>
</section>
<aside class="kaya-doc-card">
<div class="kaya-doc-card-title">Quick Access QR</div>
<div class="kaya-doc-qr-preview" id="kaya-qr-view-6g4pVwTo">
<div class="kaya-doc-qr-brand">WEBSTATION COMPUTER CENTRE</div>
<div class="kaya-doc-qr-customer">LKH</div>
<div class="kaya-doc-qr-docno">#9872</div>
<div class="kaya-doc-qr-meta">
TEL: 05-2822919<br>
FAX: 05-2811919<br>
H/P: 016-550 8505<br>
E-mail: sales@webstation.my
</div>
<div class="kaya-doc-qr-code">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lkh-9872.pdf" dynamic_content="0" size="260" download_button="0" download_align="aligncenter"] </div>
</div>
<div class="kaya-doc-qr-actions">
<button
type="button"
class="kaya-doc-btn kaya-doc-btn--primary kaya-download-qr-btn"
data-target="kaya-qr-print-ccUP8YPi"
data-filename="9872-PRINTER-CANNOT-PRINT-qr.png"
>
Download QR Image
</button>
</div>
</aside>
</div>
<div class="kaya-doc-details-wrap">
<section class="kaya-doc-card">
<div class="kaya-doc-card-title">Document Details</div>
<div class="kaya-doc-summary-grid">
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Customer Name</div>
<div class="kaya-doc-summary-value">LKH</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Document Number</div>
<div class="kaya-doc-summary-value">#9872</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Title</div>
<div class="kaya-doc-summary-value">PRINTER CANNOT PRINT</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Category</div>
<div class="kaya-doc-summary-value">CRM</div>
</div>
<div class="kaya-doc-summary-item kaya-doc-summary-item--full">
<div class="kaya-doc-summary-label">File URL</div>
<div class="kaya-doc-summary-value kaya-doc-summary-value--url">
<a href="https://invoice.webstation.my/FILES/CRM2/lkh-9872.pdf" target="_blank" rel="noopener noreferrer">
https://invoice.webstation.my/FILES/CRM2/lkh-9872.pdf </a>
</div>
</div>
<div class="kaya-doc-summary-item">
<div class="kaya-doc-summary-label">Created Date</div>
<div class="kaya-doc-summary-value">2026-08-19</div>
</div>
</div>
</section>
</div>
<div class="kaya-qr-print-template" aria-hidden="true">
<div class="kaya-webstation-print" id="kaya-qr-print-ccUP8YPi">
<div class="kaya-webstation-print-top">
<div class="kaya-webstation-print-left">
<div class="kaya-webstation-print-company">WEBSTATION</div>
<div class="kaya-webstation-print-branch">COMPUTER CENTRE</div>
<div class="kaya-webstation-print-phone">1700 822 922</div>
<div class="kaya-webstation-print-customer">LKH</div>
<div class="kaya-webstation-print-docno">#9872</div>
<div class="kaya-webstation-print-contact">TEL: 05-2822919</div>
<div class="kaya-webstation-print-contact">FAX: 05-2811919</div>
<div class="kaya-webstation-print-contact">H/P: 016-550 8505</div>
</div>
<div class="kaya-webstation-print-right">
<div class="kaya-qr-download-inner">
[kaya_qrcode content="https://invoice.webstation.my/FILES/CRM2/lkh-9872.pdf" dynamic_content="0" size="440" download_button="0" download_align="aligncenter"] </div>
</div>
</div>
<div class="kaya-webstation-print-email">
E-mail: sales@webstation.my
</div>
</div>
</div>
</div>